.check-label {
    cursor: pointer
}

.check-label .choicen {
    position: relative;
    font-size: 17px
}

.check-label .choicen:before {
    content: "\e616"
}

.check-label:hover {
    color: #de1e30
}

.check-label.active .choicen {
    color: #de1e30
}

.check-label.active .choicen:before {
    content: "\e617"
}

@keyframes translate {
    100% {
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -o-transform: translate(0px)
    }
}

@-webkit-keyframes translate {
    100% {
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -o-transform: translate(0px)
    }
}

@-o-keyframes translate {
    100% {
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -o-transform: translate(0px)
    }
}

@-moz-keyframes translate {
    100% {
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -o-transform: translate(0px)
    }
}

@keyframes error-icon {
    0% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px)
    }

    33% {
        transform: translateX(-5px);
        -webkit-transform: translateX(-5px);
        -moz-transform: translateX(-5px);
        -o-transform: translateX(-5px)
    }

    66% {
        transform: translateX(5px);
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -o-transform: translateX(5px)
    }

    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px)
    }
}

@-webkit-keyframes error-icon {
    0% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px)
    }

    33% {
        transform: translateX(-5px);
        -webkit-transform: translateX(-5px);
        -moz-transform: translateX(-5px);
        -o-transform: translateX(-5px)
    }

    66% {
        transform: translateX(5px);
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -o-transform: translateX(5px)
    }

    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px)
    }
}

@-o-keyframes error-icon {
    0% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px)
    }

    33% {
        transform: translateX(-5px);
        -webkit-transform: translateX(-5px);
        -moz-transform: translateX(-5px);
        -o-transform: translateX(-5px)
    }

    66% {
        transform: translateX(5px);
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -o-transform: translateX(5px)
    }

    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px)
    }
}

@-moz-keyframes error-icon {
    0% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px)
    }

    33% {
        transform: translateX(-5px);
        -webkit-transform: translateX(-5px);
        -moz-transform: translateX(-5px);
        -o-transform: translateX(-5px)
    }

    66% {
        transform: translateX(5px);
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -o-transform: translateX(5px)
    }

    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px)
    }
}

@keyframes scale {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    80% {
        opacity: 1;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1)
    }

    100% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@-webkit-keyframes scale {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    80% {
        opacity: 1;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1)
    }

    100% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@-o-keyframes scale {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    80% {
        opacity: 1;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1)
    }

    100% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@-moz-keyframes scale {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    80% {
        opacity: 1;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1)
    }

    100% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@keyframes ap-code-dian {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes ap-code-dian {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes ap-code-dian {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes ap-code-dian {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.ap-code-dian {
    animation-name: ap-code-dian;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-delay: 0;
    -webkit-animation-name: ap-code-dian;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0;
    -moz-animation-name: ap-code-dian;
    -moz-animation-duration: 1.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 0;
    -o-animation-name: ap-code-dian;
    -o-animation-duration: 1.5s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 0
}

.row {
    width: 100%;
    float: left
}

.row-i {
    width: 100%;
    display: inline-block
}

@keyframes new-fade {
    20% {
        opacity: 0.3
    }

    40% {
        opacity: 1
    }
}

@-webkit-keyframes new-fade {
    20% {
        opacity: 0.3
    }

    40% {
        opacity: 1
    }
}

@-o-keyframes new-fade {
    20% {
        opacity: 0.3
    }

    40% {
        opacity: 1
    }
}

@-moz-keyframes new-fade {
    20% {
        opacity: 0.3
    }

    40% {
        opacity: 1
    }
}

@keyframes world-cup {
    100% {
        background-position: 0px -10px
    }
}

@-webkit-keyframes world-cup {
    100% {
        background-position: 0px -10px
    }
}

@-o-keyframes world-cup {
    100% {
        background-position: 0px -10px
    }
}

@-moz-keyframes world-cup {
    100% {
        background-position: 0px -10px
    }
}

@keyframes world-cup-ball {
    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        opacity: 1
    }
}

@-webkit-keyframes world-cup-ball {
    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        opacity: 1
    }
}

@-o-keyframes world-cup-ball {
    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        opacity: 1
    }
}

@-moz-keyframes world-cup-ball {
    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        opacity: 1
    }
}

@keyframes world-cup-ball-before {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}

@-webkit-keyframes world-cup-ball-before {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}

@-o-keyframes world-cup-ball-before {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}

@-moz-keyframes world-cup-ball-before {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}

@keyframes logo-after {
    100% {
        width: 221px
    }
}

@-webkit-keyframes logo-after {
    100% {
        width: 221px
    }
}

@-o-keyframes logo-after {
    100% {
        width: 221px
    }
}

@-moz-keyframes logo-after {
    100% {
        width: 221px
    }
}

body {
    position: relative;
    background: #f7f7f8
}

.header-nav {
    display: inline-block;
    vertical-align: top;
    min-width: 100%;
    height: 60px
}

.header-nav .header-find {
    background: #fff;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
    box-shadow: 0 2px 5px rgba(0,0,0,0.18);
    z-index: 10
}

.header-nav .header-find .nav-wrap {
    width: 1200px;
    height: 50px;
    padding-top: 10px;
    overflow: visible;
    background-color: #fff;
    margin: 0 auto
}

.header-nav .header-find .nav-wrap .logo {
    margin: 0 30px 0 0;
    float: left;
    cursor: pointer;
    left: 25px;
    top: 15px;
    width: 113px;
    height: 31px
}

.header-nav .header-find .nav-wrap .nav-list {
    display: inline-block
}

.header-nav .header-find .nav-wrap .nav-list .logo-wrap {
    position: relative
}

.header-nav .header-find .nav-wrap .nav-list .logo {
    width: 113px;
    height: 31px;
    z-index: 9999;
    background: url("/public/img/logo.png") no-repeat;
    left: -134px;
    top: 6px;
    display: none
}

.header-nav .header-find .nav-wrap .nav-list .logo img {
    float: left;
    width: 100%
}

.header-nav .header-find .nav-wrap .nav-list ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.header-nav .header-find .nav-wrap .nav-list ul li {
    float: left;
    position: relative;
    z-index: 5
}

.header-nav .header-find .nav-wrap .nav-list ul li>.nav-link {
    height: 48px;
    text-decoration: none;
    color: #333;
    line-height: 45px;
    padding: 0 12px;
    display: block;
    position: relative
}

.header-nav .header-find .nav-wrap .nav-list ul li>.nav-link .iconfont {
    font-weight: bold;
    position: relative;
    top: 2px;
    left: 2px
}

.header-nav .header-find .nav-wrap .nav-list ul li>.nav-link .border-triangle {
    display: none;
    position: absolute;
    left: 50%;
    top: 100%;
    width: 12px;
    height: 7px;
    background: url("/public/img/base/layout-grid-triangle-1d2408daa9.png") no-repeat 0 -50px;
    margin-left: -4px;
    margin-top: 5px
}

.header-nav .header-find .nav-wrap .nav-list ul li>.nav-link .new {
    animation-name: new-fade;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-delay: 0;
    -webkit-animation-name: new-fade;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0;
    -moz-animation-name: new-fade;
    -moz-animation-duration: 3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 0;
    -o-animation-name: new-fade;
    -o-animation-duration: 3s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 0;
    position: absolute;
    top: -7px;
    left: 100%;
    background-color: #ff7086;
    font-size: 12px;
    color: #fff;
    line-height: 11px;
    height: 14px;
    padding: 0 3px;
    border-radius: 7px 7px 7px 0px;
    margin-left: -3px
}

.header-nav .header-find .nav-wrap .nav-list ul li:hover>.nav-link:after,.header-nav .header-find .nav-wrap .nav-list ul li:hover>.nav-link:before {
    width: 50%
}

.header-nav .header-find .nav-wrap .nav-list ul li:hover .border-triangle {
    display: block
}

.header-nav .header-find .nav-wrap .nav-list ul li:hover .nav-down {
    display: block
}

.header-nav .header-find .nav-wrap .nav-list ul li .nav-down .nav-link {
    background-color: #de1e30;
    background-color: rgba(222,30,48,0);
    color: #de1e30
}

.header-nav .header-find .nav-wrap .nav-list .nav-down {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 100%;
    color: #666
}

.header-nav .header-find .nav-wrap .nav-list .nav-down .nav-bar {
    float: left;
    padding: 10px 0;
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.1);
    background-color: #fff;
    border-radius: 5px;
    margin-top: 10px;
    width: 210px;
    position: relative
}

.header-nav .header-find .nav-wrap .nav-list .nav-down .nav-bar .line {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 50%;
    border-left: 1px solid #ebebeb
}

.header-nav .header-find .nav-wrap .nav-list .nav-down .nav-bar .link {
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    font-size: 14px;
    border: 0;
    margin: 0 5px 0 9px;
    border-radius: 5px;
    padding: 0 0 0 10px;
    line-height: 30px;
    height: 30px;
    float: left;
    font-size: 14px;
    width: 80px;
    color: #333
}

.header-nav .header-find .nav-wrap .nav-list .nav-down .nav-bar .link.none {
    color: #bbb
}

.header-nav .header-find .nav-wrap .nav-list .nav-down .nav-bar .link.active,.header-nav .header-find .nav-wrap .nav-list .nav-down .nav-bar .link:hover {
    background-color: #de1e30;
    color: #fff
}

.header-nav .header-find .nav-wrap .loginwrap,.header-nav .header-find .nav-wrap .loggedwrap {
    float: right;
    right: 25px;
    top: 10px
}

.header-nav .header-find .nav-wrap .loginwrap .before,.header-nav .header-find .nav-wrap .loggedwrap .before {
    float: left
}

.header-nav .header-find .nav-wrap .loginwrap .before .button,.header-nav .header-find .nav-wrap .loggedwrap .before .button {
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    float: left;
    line-height: 28px;
    border: 1px solid #de1e30;
    color: #de1e30;
    padding: 0 15px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 3px;
    margin: 7px 10px 0 0
}

.header-nav .header-find .nav-wrap .loginwrap .before .button:hover,.header-nav .header-find .nav-wrap .loggedwrap .before .button:hover {
    background-color: #de1e30;
    color: #fff
}

.header-nav .header-find .nav-wrap .loginwrap {
    line-height: 26px;
    top: 20px
}

.header-nav .header-find .nav-wrap .loginwrap>.icon-portrait {
    font-size: 17px;
    color: #de1e30;
    font-weight: bold;
    float: left
}

.header-nav .header-find .nav-wrap .loginwrap .btn-white,.header-nav .header-find .nav-wrap .loginwrap .btn-border {
    width: 50px;
    text-align: center;
    line-height: 24px;
    height: 24px;
    border-radius: 0;
    float: left;
    margin-left: 10px
}

.header-nav .header-find .nav-wrap .loginwrap .btn-white {
    height: 26px;
    line-height: 26px
}

.header-nav .header-find .nav-wrap .loggedwrap .select-type-one {
    position: relative;
    z-index: 5;
    float: left;
    font-size: 14px;
    margin: 1px 0 0 0px;
    cursor: pointer;
    color: #777
}

.header-nav .header-find .nav-wrap .loggedwrap .select-type-one .user-ico {
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    box-shadow: 0 0 1px #8a8a8a;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: relative
}

.header-nav .header-find .nav-wrap .loggedwrap .select-type-one .tip {
    float: left;
    margin: 11px 0 0 5px
}

.header-nav .header-find .nav-wrap .loggedwrap .select-type-one .tip .icon-arrow {
    top: 4px
}

.header-nav .header-find .nav-wrap .loggedwrap .select-type-one .tip .name {
    max-width: 65px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.header-nav .header-find .nav-wrap .loggedwrap .select-type-one .border-triangle {
    left: 50%;
    margin-left: -7px
}

.header-nav .header-find .nav-wrap .loggedwrap .select-type-one .down {
    left: 50%;
    margin-left: -43px
}

.header-nav .header-find .nav-wrap .loggedwrap .select-type-one .down>ul {
    overflow: hidden;
    padding: 0
}

.header-nav .header-find .nav-wrap .loggedwrap .select-type-one .down>ul>li {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    margin: 0;
    border-radius: 0;
    line-height: 20px;
    padding: 0
}

.header-nav .header-find .nav-wrap .loggedwrap .select-type-one .down>ul>li.active,.header-nav .header-find .nav-wrap .loggedwrap .select-type-one .down>ul>li:hover {
    color: #777;
    background-color: #f2f0f1
}

.header-nav .header-find .nav-wrap .loggedwrap .select-type-one .down>ul>li a {
    display: block;
    padding: 5px 0;
    color: #777
}

.header-nav .header-find .nav-wrap .loggedwrap .select-type-one:hover .user-ico {
    box-shadow: 0 0 10px rgba(0,0,0,0.2)
}

.header-nav .header-find .nav-wrap .loggedwrap .line {
    float: left;
    border-left: 1px solid #e5e5e5;
    height: 32px;
    margin: 6px 10px 0
}

.header-nav .header-find .nav-wrap .loggedwrap .my-collection {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    float: left;
    font-size: 14px;
    color: #df1e31;
    margin-top: 12px;
    cursor: pointer
}

.header-nav .header-find .nav-wrap .loggedwrap .my-collection .icon-favourite {
    font-size: 20px;
    float: left;
    position: relative;
    top: -2px;
    margin-right: 5px
}

.header-nav .header-find .nav-wrap .loggedwrap .my-collection:hover {
    color: #de1e30;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.2)
}

.header-nav .header-find.fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10
}

.header-nav.type-tow {
    height: inherit
}

.header-nav.type-tow .nav-wrap.wrap .logo {
    position: relative;
    left: 0;
    top: 9px
}

.header-nav.type-tow .nav-wrap.wrap .loginwrap,.header-nav.type-tow .nav-wrap.wrap .loggedwrap {
    position: relative;
    right: 0;
    top: 0
}

.header-nav.type-tow .nav-wrap.wrap .loginwrap {
    margin-top: 10px
}

.header-nav.type-tow .header-find {
    box-shadow: none
}

.header-nav.type-tow .header-find .nav-wrap {
    width: 1200px
}

.header-nav.type-tow .header-find .nav-wrap .logo {
    top: 9px;
    width: 158px;
    height: 44px
}

.header-nav.type-tow .header-find .nav-wrap .logo:after {
    animation-name: logo-after;
    animation-duration: 1.2s;
    animation-timing-function: cubic-bezier(0.07, 1.42, 1, 1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1.6s;
    -webkit-animation-name: logo-after;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-timing-function: cubic-bezier(0.07, 1.42, 1, 1);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1.6s;
    -moz-animation-name: logo-after;
    -moz-animation-duration: 1.2s;
    -moz-animation-timing-function: cubic-bezier(0.07, 1.42, 1, 1);
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1.6s;
    -o-animation-name: logo-after;
    -o-animation-duration: 1.2s;
    -o-animation-timing-function: cubic-bezier(0.07, 1.42, 1, 1);
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1.6s;
    content: '哈德斯菲尔德亚洲区官方合作伙伴';
    font-size: 14px;
    position: absolute;
    white-space: nowrap;
    color: #858686;
    border-left: 1px solid rgba(133,134,134,0.5);
    height: 28px;
    line-height: 40px;
    top: 50%;
    left: 100%;
    margin: -14px 0 0 7px;
    padding-left: 10px;
    width: 0px;
    overflow: hidden
}

.header-nav.type-tow .header-find .nav-wrap.wrap .logo {
    top: -1px
}

.header-nav.type-tow .header-find .nav-page {
    background-color: #1f1f1f
}

.header-nav.type-tow .header-find .nav-page .nav-wrap {
    background-color: transparent;
    padding: 0;
    height: 55px;
    line-height: 55px
}

.header-nav.type-tow .header-find .nav-page .nav-wrap .nav-list ul li:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    height: 14px;
    margin-top: -7px;
    border-left: 1px solid rgba(180,179,179,0.34)
}

.header-nav.type-tow .header-find .nav-page .nav-wrap .nav-list ul li>.nav-link {
    color: #fff;
    font-size: 16px;
    padding: 0 16px;
    line-height: 55px;
    height: 53px
}

.header-nav.type-tow .header-find .nav-page .nav-wrap .nav-list ul li>.nav-link:after,.header-nav.type-tow .header-find .nav-page .nav-wrap .nav-list ul li>.nav-link:before {
    height: 4px
}

.header-nav.type-tow .header-find .nav-page .nav-wrap .nav-list ul li:last-child:after {
    display: none
}

.header-nav.type-tow .header-find .world-cup {
    animation-name: world-cup;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(0.49, 1.29, 1, 1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 2s;
    -webkit-animation-name: world-cup;
    -webkit-animation-duration: .4s;
    -webkit-animation-timing-function: cubic-bezier(0.49, 1.29, 1, 1);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 2s;
    -moz-animation-name: world-cup;
    -moz-animation-duration: .4s;
    -moz-animation-timing-function: cubic-bezier(0.49, 1.29, 1, 1);
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 2s;
    -o-animation-name: world-cup;
    -o-animation-duration: .4s;
    -o-animation-timing-function: cubic-bezier(0.49, 1.29, 1, 1);
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 2s;
    background: url("/public/img/page/world-cup/heard.png") no-repeat 40px -92px;
    position: absolute;
    left: 50%;
    top: 0;
    height: 60px;
    width: 303px;
    margin-left: -151px;
    overflow: hidden
}

.header-nav.type-tow .header-find .world-cup:before {
    content: '';
    position: absolute
}

.header-nav.type-tow .header-find .world-cup:before {
    animation-name: scale;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(0.49, 1.29, 1, 1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 2.2s;
    -webkit-animation-name: scale;
    -webkit-animation-duration: .4s;
    -webkit-animation-timing-function: cubic-bezier(0.49, 1.29, 1, 1);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 2.2s;
    -moz-animation-name: scale;
    -moz-animation-duration: .4s;
    -moz-animation-timing-function: cubic-bezier(0.49, 1.29, 1, 1);
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 2.2s;
    -o-animation-name: scale;
    -o-animation-duration: .4s;
    -o-animation-timing-function: cubic-bezier(0.49, 1.29, 1, 1);
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 2.2s;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    background: url("/public/img/page/world-cup/heard-text.png") no-repeat 0 0;
    opacity: 0;
    width: 130px;
    height: 60px;
    left: 74px;
    top: 4px
}

.header-nav.type-tow .header-find .world-cup .ball {
    animation-name: world-cup-ball;
    animation-duration: .8s;
    animation-timing-function: cubic-bezier(0.49, 1.29, 1, 1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 2.6s;
    -webkit-animation-name: world-cup-ball;
    -webkit-animation-duration: .8s;
    -webkit-animation-timing-function: cubic-bezier(0.49, 1.29, 1, 1);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 2.6s;
    -moz-animation-name: world-cup-ball;
    -moz-animation-duration: .8s;
    -moz-animation-timing-function: cubic-bezier(0.49, 1.29, 1, 1);
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 2.6s;
    -o-animation-name: world-cup-ball;
    -o-animation-duration: .8s;
    -o-animation-timing-function: cubic-bezier(0.49, 1.29, 1, 1);
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 2.6s;
    transform: translate(-29px, 50px);
    -webkit-transform: translate(-29px, 50px);
    -moz-transform: translate(-29px, 50px);
    -o-transform: translate(-29px, 50px);
    position: absolute;
    opacity: 0;
    width: 23px;
    height: 23px;
    left: 214px;
    top: 10px
}

.header-nav.type-tow .header-find .world-cup .ball:before {
    animation-name: world-cup-ball-before;
    animation-duration: 8s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-delay: 3s;
    -webkit-animation-name: world-cup-ball-before;
    -webkit-animation-duration: 8s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 3s;
    -moz-animation-name: world-cup-ball-before;
    -moz-animation-duration: 8s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 3s;
    -o-animation-name: world-cup-ball-before;
    -o-animation-duration: 8s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 3s;
    background: url("/public/img/page/world-cup/ball.png") no-repeat 0 0;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.header-nav.type-tow .header-find .loggedwrap .select-type-one .down>ul>li {
    position: relative;
    line-height: 30px;
    border-bottom: 1px solid #eee
}

.header-nav.type-tow .header-find .loggedwrap .select-type-one .down>ul>li:last-child {
    border-bottom: none
}

.header-nav.type-tow .header-find .loggedwrap .select-type-one .down>ul>li:before {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    background-color: #f33e4f;
    opacity: 0
}

.header-nav.type-tow .header-find .loggedwrap .select-type-one .down>ul>li:hover:before {
    opacity: 1
}

.media1400 .header-nav .nav-wrap.wrap .logo {
    position: relative;
    left: 0;
    top: 9px
}

.media1400 .header-nav .nav-wrap.wrap .loginwrap,.media1400 .header-nav .nav-wrap.wrap .loggedwrap {
    position: relative;
    right: 0;
    top: 0
}

.media1400 .header-nav .nav-wrap.wrap .loginwrap {
    margin-top: 10px
}

@media screen and (max-width: 1400px) {
    .header-nav .nav-wrap.wrap .logo {
        position:relative;
        left: 0;
        top: 9px
    }

    .header-nav .nav-wrap.wrap .loginwrap,.header-nav .nav-wrap.wrap .loggedwrap {
        position: relative;
        right: 0;
        top: 0
    }

    .header-nav .nav-wrap.wrap .loginwrap {
        margin-top: 10px
    }
}

@media screen and (max-width: 1400px) {
    html {
        min-width:1400px
    }
}

.media1400 {
    width: 1400px
}

.check-label {
    cursor: pointer
}

.check-label .choicen {
    position: relative;
    font-size: 17px
}

.check-label .choicen:before {
    content: "\e616"
}

.check-label:hover {
    color: #de1e30
}

.check-label.active .choicen {
    color: #de1e30
}

.check-label.active .choicen:before {
    content: "\e617"
}

@keyframes translate {
    100% {
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -o-transform: translate(0px)
    }
}

@-webkit-keyframes translate {
    100% {
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -o-transform: translate(0px)
    }
}

@-o-keyframes translate {
    100% {
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -o-transform: translate(0px)
    }
}

@-moz-keyframes translate {
    100% {
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -o-transform: translate(0px)
    }
}

@keyframes error-icon {
    0% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px)
    }

    33% {
        transform: translateX(-5px);
        -webkit-transform: translateX(-5px);
        -moz-transform: translateX(-5px);
        -o-transform: translateX(-5px)
    }

    66% {
        transform: translateX(5px);
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -o-transform: translateX(5px)
    }

    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px)
    }
}

@-webkit-keyframes error-icon {
    0% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px)
    }

    33% {
        transform: translateX(-5px);
        -webkit-transform: translateX(-5px);
        -moz-transform: translateX(-5px);
        -o-transform: translateX(-5px)
    }

    66% {
        transform: translateX(5px);
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -o-transform: translateX(5px)
    }

    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px)
    }
}

@-o-keyframes error-icon {
    0% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px)
    }

    33% {
        transform: translateX(-5px);
        -webkit-transform: translateX(-5px);
        -moz-transform: translateX(-5px);
        -o-transform: translateX(-5px)
    }

    66% {
        transform: translateX(5px);
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -o-transform: translateX(5px)
    }

    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px)
    }
}

@-moz-keyframes error-icon {
    0% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px)
    }

    33% {
        transform: translateX(-5px);
        -webkit-transform: translateX(-5px);
        -moz-transform: translateX(-5px);
        -o-transform: translateX(-5px)
    }

    66% {
        transform: translateX(5px);
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -o-transform: translateX(5px)
    }

    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px)
    }
}

@keyframes scale {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    80% {
        opacity: 1;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1)
    }

    100% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@-webkit-keyframes scale {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    80% {
        opacity: 1;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1)
    }

    100% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@-o-keyframes scale {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    80% {
        opacity: 1;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1)
    }

    100% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@-moz-keyframes scale {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    80% {
        opacity: 1;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1)
    }

    100% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@keyframes ap-code-dian {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes ap-code-dian {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes ap-code-dian {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes ap-code-dian {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.ap-code-dian {
    animation-name: ap-code-dian;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-delay: 0;
    -webkit-animation-name: ap-code-dian;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0;
    -moz-animation-name: ap-code-dian;
    -moz-animation-duration: 1.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 0;
    -o-animation-name: ap-code-dian;
    -o-animation-duration: 1.5s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 0
}

.row {
    width: 100%;
    float: left
}

.row-i {
    width: 100%;
    display: inline-block
}

@keyframes icon-weather {
    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0)
    }
}

@-webkit-keyframes icon-weather {
    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0)
    }
}

@-o-keyframes icon-weather {
    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0)
    }
}

@-moz-keyframes icon-weather {
    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0)
    }
}

@keyframes quer-team-animate {
    50% {
        background-color: #f9e5e5
    }
}

@-webkit-keyframes quer-team-animate {
    50% {
        background-color: #f9e5e5
    }
}

@-o-keyframes quer-team-animate {
    50% {
        background-color: #f9e5e5
    }
}

@-moz-keyframes quer-team-animate {
    50% {
        background-color: #f9e5e5
    }
}

@keyframes goal-icon {
    80% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0)
    }

    85% {
        transform: translateY(2px);
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        -o-transform: translateY(2px)
    }

    90% {
        transform: translateY(-2px);
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -o-transform: translateY(-2px)
    }

    95% {
        transform: translateY(2px);
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        -o-transform: translateY(2px)
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0)
    }
}

@-webkit-keyframes goal-icon {
    80% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0)
    }

    85% {
        transform: translateY(2px);
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        -o-transform: translateY(2px)
    }

    90% {
        transform: translateY(-2px);
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -o-transform: translateY(-2px)
    }

    95% {
        transform: translateY(2px);
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        -o-transform: translateY(2px)
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0)
    }
}

@-o-keyframes goal-icon {
    80% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0)
    }

    85% {
        transform: translateY(2px);
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        -o-transform: translateY(2px)
    }

    90% {
        transform: translateY(-2px);
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -o-transform: translateY(-2px)
    }

    95% {
        transform: translateY(2px);
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        -o-transform: translateY(2px)
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0)
    }
}

@-moz-keyframes goal-icon {
    80% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0)
    }

    85% {
        transform: translateY(2px);
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        -o-transform: translateY(2px)
    }

    90% {
        transform: translateY(-2px);
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -o-transform: translateY(-2px)
    }

    95% {
        transform: translateY(2px);
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        -o-transform: translateY(2px)
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0)
    }
}

.quer-team-animate {
    animation-name: quer-team-animate;
    animation-duration: .5s;
    animation-timing-function: linear;
    animation-iteration-count: 3;
    animation-fill-mode: forwards;
    animation-delay: .1s;
    -webkit-animation-name: quer-team-animate;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 3;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .1s;
    -moz-animation-name: quer-team-animate;
    -moz-animation-duration: .5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 3;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .1s;
    -o-animation-name: quer-team-animate;
    -o-animation-duration: .5s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 3;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .1s
}

.visibility {
    visibility: hidden
}

.media1400 .layout-grid-thead.fixed .children {
    min-width: 1400px
}

.tool-tips-fixed {
    transform: translate3d(0, 0, 0) translateZ(0);
    -webkit-transform: translate3d(0, 0, 0) translateZ(0);
    -moz-transform: translate3d(0, 0, 0) translateZ(0);
    -o-transform: translate3d(0, 0, 0) translateZ(0)
}

.layout-grid-thead,.dd-item {
    text-align: center
}

.layout-grid-thead .plan-btn,.dd-item .plan-btn {
    display: inline-block;
    width: 100%;
    border: 1px solid #de1e31;
    color: #de1e31;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    border-radius: 3px
}

.layout-grid-thead .plan-btn:hover,.dd-item .plan-btn:hover {
    background-color: #de1e31;
    color: #fff
}

.layout-grid-thead .lab-check,.dd-item .lab-check {
    width: 46px;
    cursor: pointer
}

.layout-grid-thead .lab-check .iconfont,.dd-item .lab-check .iconfont {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    border: 1px solid #bbb;
    border-radius: 50%;
    background-color: #fff;
    vertical-align: middle;
    position: initial
}

.layout-grid-thead .lab-check .iconfont:before,.dd-item .lab-check .iconfont:before {
    content: "\e617";
    display: none;
    font-size: 17px;
    vertical-align: middle;
    position: relative;
    left: -2px;
    top: 1px;
    z-index: 1
}

.layout-grid-thead .lab-check .iconfont.checked,.layout-grid-thead .lab-check .iconfont:hover,.dd-item .lab-check .iconfont.checked,.dd-item .lab-check .iconfont:hover {
    color: #de1e30;
    border-color: #de1e30
}

.layout-grid-thead .lab-check .iconfont.checked,.dd-item .lab-check .iconfont.checked {
    border-color: transparent
}

.layout-grid-thead .lab-check .iconfont.checked:before,.dd-item .lab-check .iconfont.checked:before {
    display: block
}

.layout-grid-thead .lab-check .iconfont.not-all:before,.dd-item .lab-check .iconfont.not-all:before {
    content: '';
    display: block;
    width: 8px;
    text-align: center;
    left: 50%;
    top: 50%;
    background-color: #bbb;
    height: 2px;
    margin: -1px 0 0 -4px
}

.layout-grid-thead .lab-events,.dd-item .lab-events {
    width: 125px;
    text-align: left;
    text-indent: 30px
}

.layout-grid-thead .lab-time,.dd-item .lab-time {
    width: 50px
}

.layout-grid-thead .lab-round,.dd-item .lab-round {
    width: 60px
}

.layout-grid-thead .lab-lottery,.dd-item .lab-lottery {
    width: 60px;
    display: none
}

.layout-grid-thead .lab-lottery .text-jc,.layout-grid-thead .lab-lottery .text-bd,.layout-grid-thead .lab-lottery .text-zc,.dd-item .lab-lottery .text-jc,.dd-item .lab-lottery .text-bd,.dd-item .lab-lottery .text-zc {
    display: none
}

.layout-grid-thead .lab-status,.dd-item .lab-status {
    width: 70px;
    height: 40px
}

.layout-grid-thead .lab-team-home,.layout-grid-thead .lab-team-away,.dd-item .lab-team-home,.dd-item .lab-team-away {
    width: 140px
}

.layout-grid-thead .lab-team-home.lab-team-home,.layout-grid-thead .lab-team-away.lab-team-home,.dd-item .lab-team-home.lab-team-home,.dd-item .lab-team-away.lab-team-home {
    text-align: right;
    padding-left: 5px;
    border-left: 1px solid transparent
}

.layout-grid-thead .lab-team-home.lab-team-away,.layout-grid-thead .lab-team-away.lab-team-away,.dd-item .lab-team-home.lab-team-away,.dd-item .lab-team-away.lab-team-away {
    text-align: left;
    padding-right: 5px
}

.layout-grid-thead .lab-score,.dd-item .lab-score {
    width: 50px
}

.layout-grid-thead .lab-half,.dd-item .lab-half {
    width: 50px
}

.layout-grid-thead .lab-corner,.dd-item .lab-corner {
    width: 60px
}

.layout-grid-thead .lab-corner .iconfont,.dd-item .lab-corner .iconfont {
    position: initial
}

.layout-grid-thead .lab-live,.dd-item .lab-live {
    width: 45px;
    padding-right: 10px
}

.layout-grid-thead .lab-weather,.dd-item .lab-weather {
    width: 45px
}

.layout-grid-thead .lab-popularity,.dd-item .lab-popularity {
    width: 60px;
    white-space: nowrap;
    text-align: left
}

.layout-grid-thead .lab-popularity .iconfont,.dd-item .lab-popularity .iconfont {
    font-size: 12px;
    color: #bbb;
    margin-left: 5px;
    position: initial
}

.layout-grid-thead .lab-ratel,.dd-item .lab-ratel {
    width: 55px;
    white-space: nowrap;
    border-left: 1px solid transparent
}

.layout-grid-thead .lab-bet-odds,.dd-item .lab-bet-odds {
    width: 58px
}

.layout-grid-thead .lab-rater,.dd-item .lab-rater {
    width: 55px
}

.layout-grid-thead .lab-size,.dd-item .lab-size {
    width: 55px
}

.layout-grid-thead .lab-data,.dd-item .lab-data {
    width: 89px;
    padding-left: 20px
}

.layout-grid-thead .lab-func,.dd-item .lab-func {
    font-size: 0;
    white-space: nowrap
}

.layout-grid-thead .lab-func .follow,.dd-item .lab-func .follow {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    cursor: pointer;
    display: inline-block;
    vertical-align: top
}

.layout-grid-thead .lab-func .follow:hover,.dd-item .lab-func .follow:hover {
    color: #f5677d
}

.layout-grid-thead .lab-func .follow.active,.dd-item .lab-func .follow.active {
    color: #f5677d
}

.layout-grid-thead .lab-func .follow.active:before,.dd-item .lab-func .follow.active:before {
    content: "\e600"
}

.layout-grid-thead.layout-grid-thead,.dd-item.layout-grid-thead {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #efefef;
    border-radius: 5px;
    color: #666;
    font-size: 14px;
    visibility: visible;
    margin-top: 1px
}

.layout-grid-thead.layout-grid-thead:after,.layout-grid-thead.layout-grid-thead:before,.dd-item.layout-grid-thead:after,.dd-item.layout-grid-thead:before {
    content: '';
    display: table
}

.layout-grid-thead.layout-grid-thead .children,.dd-item.layout-grid-thead .children {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.layout-grid-thead.layout-grid-thead .children:after,.layout-grid-thead.layout-grid-thead .children:before,.dd-item.layout-grid-thead .children:after,.dd-item.layout-grid-thead .children:before {
    content: '';
    display: table
}

.layout-grid-thead.layout-grid-thead .lab-check,.dd-item.layout-grid-thead .lab-check {
    background-color: #e6e6e6;
    border-radius: 5px 0 0 5px
}

.layout-grid-thead.layout-grid-thead .lab-func,.dd-item.layout-grid-thead .lab-func {
    padding-left: 19px
}

.layout-grid-thead.layout-grid-thead .lab-func .follow,.dd-item.layout-grid-thead .lab-func .follow {
    padding: 0 10px
}

.layout-grid-thead.layout-grid-thead .lab-popularity,.dd-item.layout-grid-thead .lab-popularity {
    text-align: center
}

.layout-grid-thead.layout-grid-thead .query-team,.dd-item.layout-grid-thead .query-team {
    position: absolute;
    left: 100%;
    top: 0px;
    padding: 0;
    border: 0;
    width: 60px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    z-index: 2;
    margin-left: 10px;
    background-color: transparent;
    transition: all 0.5s
}

.layout-grid-thead.layout-grid-thead .query-team .tip,.dd-item.layout-grid-thead .query-team .tip {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    float: left;
    border-radius: 5px;
    background-color: #fff;
    width: 100%;
    font-size: 14px;
    color: #999;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    height: 40px
}

.layout-grid-thead.layout-grid-thead .query-team .tip .icon-ico-search,.dd-item.layout-grid-thead .query-team .tip .icon-ico-search {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    color: #bbb;
    font-size: 13px;
    vertical-align: top
}

.layout-grid-thead.layout-grid-thead .query-team .down,.dd-item.layout-grid-thead .query-team .down {
    padding-top: 0;
    top: 0;
    right: 0;
    left: auto;
    padding-right: 100px;
    border: 1px solid #dde3e7;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    background-color: #fff
}

.layout-grid-thead.layout-grid-thead .query-team .down .text-box,.dd-item.layout-grid-thead .query-team .down .text-box {
    float: left;
    position: relative
}

.layout-grid-thead.layout-grid-thead .query-team .down .text-box input,.dd-item.layout-grid-thead .query-team .down .text-box input {
    border: 0
}

.layout-grid-thead.layout-grid-thead .query-team .down .text-box input:focus,.dd-item.layout-grid-thead .query-team .down .text-box input:focus {
    box-shadow: none
}

.layout-grid-thead.layout-grid-thead .query-team .down .text-right,.dd-item.layout-grid-thead .query-team .down .text-right {
    position: absolute;
    right: 0;
    z-index: 1;
    background-color: #fff;
    top: 0;
    bottom: 0
}

.layout-grid-thead.layout-grid-thead .query-team .down .text-right:before,.dd-item.layout-grid-thead .query-team .down .text-right:before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    border-left: 1px solid #ececec
}

.layout-grid-thead.layout-grid-thead .query-team .down .text-right .icon-down,.layout-grid-thead.layout-grid-thead .query-team .down .text-right .icon-top,.layout-grid-thead.layout-grid-thead .query-team .down .text-right .icon-close,.dd-item.layout-grid-thead .query-team .down .text-right .icon-down,.dd-item.layout-grid-thead .query-team .down .text-right .icon-top,.dd-item.layout-grid-thead .query-team .down .text-right .icon-close {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    float: left;
    width: 25px;
    font-size: 18px;
    line-height: 27px;
    height: 25px;
    cursor: pointer;
    border-radius: 3px;
    margin: 7px 3px 0 0
}

.layout-grid-thead.layout-grid-thead .query-team .down .text-right .icon-down.icon-top,.layout-grid-thead.layout-grid-thead .query-team .down .text-right .icon-top.icon-top,.layout-grid-thead.layout-grid-thead .query-team .down .text-right .icon-close.icon-top,.dd-item.layout-grid-thead .query-team .down .text-right .icon-down.icon-top,.dd-item.layout-grid-thead .query-team .down .text-right .icon-top.icon-top,.dd-item.layout-grid-thead .query-team .down .text-right .icon-close.icon-top {
    margin-left: 10px;
    line-height: 25px
}

.layout-grid-thead.layout-grid-thead .query-team .down .text-right .icon-down.icon-close,.layout-grid-thead.layout-grid-thead .query-team .down .text-right .icon-top.icon-close,.layout-grid-thead.layout-grid-thead .query-team .down .text-right .icon-close.icon-close,.dd-item.layout-grid-thead .query-team .down .text-right .icon-down.icon-close,.dd-item.layout-grid-thead .query-team .down .text-right .icon-top.icon-close,.dd-item.layout-grid-thead .query-team .down .text-right .icon-close.icon-close {
    font-size: 16px;
    margin-right: 5px
}

.layout-grid-thead.layout-grid-thead .query-team .down .text-right .icon-down:hover,.layout-grid-thead.layout-grid-thead .query-team .down .text-right .icon-top:hover,.layout-grid-thead.layout-grid-thead .query-team .down .text-right .icon-close:hover,.dd-item.layout-grid-thead .query-team .down .text-right .icon-down:hover,.dd-item.layout-grid-thead .query-team .down .text-right .icon-top:hover,.dd-item.layout-grid-thead .query-team .down .text-right .icon-close:hover {
    background-color: #eaeaea
}

.layout-grid-thead.layout-grid-thead .query-team .down .text-right .icon-down:active,.layout-grid-thead.layout-grid-thead .query-team .down .text-right .icon-top:active,.layout-grid-thead.layout-grid-thead .query-team .down .text-right .icon-close:active,.dd-item.layout-grid-thead .query-team .down .text-right .icon-down:active,.dd-item.layout-grid-thead .query-team .down .text-right .icon-top:active,.dd-item.layout-grid-thead .query-team .down .text-right .icon-close:active {
    border-radius: 50%
}

.layout-grid-thead.layout-grid-thead .query-team .down .text-right .count,.dd-item.layout-grid-thead .query-team .down .text-right .count {
    position: absolute;
    right: 100%;
    top: 0;
    white-space: nowrap;
    height: 100%;
    text-align: center;
    color: #999;
    font-style: inherit;
    font-size: 14px;
    padding: 0 6px;
    background-color: #fff
}

.layout-grid-thead.layout-grid-thead .query-team:hover .tip .icon-ico-search,.dd-item.layout-grid-thead .query-team:hover .tip .icon-ico-search {
    color: #000
}

.layout-grid-thead.layout-grid-thead .query-team:hover .down,.dd-item.layout-grid-thead .query-team:hover .down {
    display: none
}

.layout-grid-thead.layout-grid-thead .query-team.show .tip,.dd-item.layout-grid-thead .query-team.show .tip {
    display: none
}

.layout-grid-thead.layout-grid-thead .query-team.show .down,.dd-item.layout-grid-thead .query-team.show .down {
    display: block !important
}

.layout-grid-thead.layout-grid-thead.fixed .lab-check,.dd-item.layout-grid-thead.fixed .lab-check {
    border-radius: 0
}

.layout-grid-thead.layout-grid-thead.fixed .query-team .tip,.dd-item.layout-grid-thead.fixed .query-team .tip {
    box-shadow: none
}

.layout-grid-thead.layout-grid-thead.fixed .children,.dd-item.layout-grid-thead.fixed .children {
    transform: translate3d(0, 0, 0) translateZ(0);
    -webkit-transform: translate3d(0, 0, 0) translateZ(0);
    -moz-transform: translate3d(0, 0, 0) translateZ(0);
    -o-transform: translate3d(0, 0, 0) translateZ(0);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    z-index: 10
}

.layout-grid-thead.data,.dd-item.data {
    font-size: 12px;
    color: #777;
    box-shadow: 0 2px 6px rgba(4,0,0,0.1);
    background-color: #fff;
    border-bottom: 1px solid #e2e2e3
}

.layout-grid-thead.data .bd-left,.dd-item.data .bd-left {
    border-left: 1px solid #e2e2e3
}

.layout-grid-thead.data.rows,.dd-item.data.rows {
    background-color: #f5f5f5
}

.layout-grid-thead.data .icon-weather,.dd-item.data .icon-weather {
    background-image: url("/public/img/football/sprites-weather.png");
    width: 22px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer
}

.layout-grid-thead.data .icon-weather.weather-1,.dd-item.data .icon-weather.weather-1 {
    background-position: 0 0
}

.layout-grid-thead.data .icon-weather.weather-2,.dd-item.data .icon-weather.weather-2 {
    background-position: 0 -20px
}

.layout-grid-thead.data .icon-weather.weather-3,.dd-item.data .icon-weather.weather-3 {
    background-position: -22px -20px
}

.layout-grid-thead.data .icon-weather.weather-4,.dd-item.data .icon-weather.weather-4 {
    background-position: -44px 0
}

.layout-grid-thead.data .icon-weather.weather-5,.dd-item.data .icon-weather.weather-5 {
    background-position: -44px -20px
}

.layout-grid-thead.data .icon-weather.weather-6,.dd-item.data .icon-weather.weather-6 {
    background-position: 0 -40px
}

.layout-grid-thead.data .icon-weather.weather-7,.dd-item.data .icon-weather.weather-7 {
    background-position: -22px -40px
}

.layout-grid-thead.data .icon-weather.weather-8,.dd-item.data .icon-weather.weather-8 {
    background-position: -44px -40px
}

.layout-grid-thead.data .icon-weather.weather-9,.dd-item.data .icon-weather.weather-9 {
    background-position: -66px 0
}

.layout-grid-thead.data .icon-weather.weather-10,.dd-item.data .icon-weather.weather-10 {
    background-position: -22px 0
}

.layout-grid-thead.data .icon-weather .tip,.dd-item.data .icon-weather .tip {
    animation-name: icon-weather;
    animation-duration: .2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 0;
    -webkit-animation-name: icon-weather;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0;
    -moz-animation-name: icon-weather;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 0;
    -o-animation-name: icon-weather;
    -o-animation-duration: .2s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 0;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    opacity: 0;
    position: absolute;
    display: none;
    width: 70px;
    bottom: 100%;
    border-radius: 3px;
    background-color: #fff;
    color: #777;
    font-size: 12px;
    padding: 5px 0;
    text-align: center;
    font-style: initial;
    line-height: 22px;
    left: 50%;
    margin: 0 0 11px -35px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3)
}

.layout-grid-thead.data .icon-weather .tip:after,.layout-grid-thead.data .icon-weather .tip:before,.dd-item.data .icon-weather .tip:after,.dd-item.data .icon-weather .tip:before {
    content: '';
    position: absolute;
    border: 5px solid transparent;
    border-top-color: rgba(0,0,0,0.3);
    bottom: -10px;
    left: 50%;
    margin-left: -5px
}

.layout-grid-thead.data .icon-weather .tip:after,.dd-item.data .icon-weather .tip:after {
    border-top-color: #fff
}

.layout-grid-thead.data .icon-weather:hover,.dd-item.data .icon-weather:hover {
    z-index: 10
}

.layout-grid-thead.data .icon-weather:hover .tip,.dd-item.data .icon-weather:hover .tip {
    display: block
}

.layout-grid-thead.data .bd-line,.dd-item.data .bd-line {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #e2e2e3;
    z-index: 1
}

.layout-grid-thead.data .lab-check .iconfont,.dd-item.data .lab-check .iconfont {
    margin-top: 10px
}

.layout-grid-thead.data .lab-check .live-level,.dd-item.data .lab-check .live-level {
    float: right;
    margin-top: 3px;
    width: 4px;
    height: 34px;
    z-index: 1
}

.layout-grid-thead.data .lab-check .live-level.live-0,.dd-item.data .lab-check .live-level.live-0 {
    background-color: #bbb
}

.layout-grid-thead.data .lab-check .live-level.live-1,.dd-item.data .lab-check .live-level.live-1 {
    background-color: #DE1E30
}

.layout-grid-thead.data .lab-check .live-level.live-2,.dd-item.data .lab-check .live-level.live-2 {
    background-color: #FF9000
}

.layout-grid-thead.data .lab-check .live-level.live-3,.dd-item.data .lab-check .live-level.live-3 {
    background-color: #FFD138
}

.layout-grid-thead.data .lab-check .live-level.live-4,.dd-item.data .lab-check .live-level.live-4 {
    background-color: #5988C2
}

.layout-grid-thead.data .lab-check .live-level.live-5,.dd-item.data .lab-check .live-level.live-5 {
    background-color: #C6C3EF
}

.layout-grid-thead.data .lab-check .live-level.live-6,.dd-item.data .lab-check .live-level.live-6 {
    background-color: #999
}

.layout-grid-thead.data .lab-check .live-level.live-7,.dd-item.data .lab-check .live-level.live-7 {
    background-color: #bbb
}

.layout-grid-thead.data .lab-events,.dd-item.data .lab-events {
    text-align: left;
    font-size: 0
}

.layout-grid-thead.data .lab-events .event-icon,.dd-item.data .lab-events .event-icon {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    margin: 0 3px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.layout-grid-thead.data .lab-events .event-name,.dd-item.data .lab-events .event-name {
    word-break: break-all;
    font-size: 12px;
    cursor: pointer;
    z-index: 2;
    color: #666;
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    padding: 2px 0;
    line-height: 16px
}

.layout-grid-thead.data .lab-events .event-name:hover,.dd-item.data .lab-events .event-name:hover {
    color: #000
}

.layout-grid-thead.data .lab-status .iconfont,.dd-item.data .lab-status .iconfont {
    position: initial
}

.layout-grid-thead.data .lab-status.no-start,.dd-item.data .lab-status.no-start {
    color: #777
}

.layout-grid-thead.data .lab-status.start,.dd-item.data .lab-status.start {
    color: #f3692c
}

.layout-grid-thead.data .lab-status.start .children,.dd-item.data .lab-status.start .children {
    float: left;
    text-align: center;
    width: 100%
}

.layout-grid-thead.data .lab-team-home,.layout-grid-thead.data .lab-team-away,.dd-item.data .lab-team-home,.dd-item.data .lab-team-away {
    z-index: 2;
    padding-top: 2px;
    color: #777;
    word-break: break-all
}

.layout-grid-thead.data .lab-team-home .tip-center,.layout-grid-thead.data .lab-team-away .tip-center,.dd-item.data .lab-team-home .tip-center,.dd-item.data .lab-team-away .tip-center {
    display: inline-block;
    vertical-align: middle
}

.layout-grid-thead.data .lab-team-home .name,.layout-grid-thead.data .lab-team-away .name,.dd-item.data .lab-team-home .name,.dd-item.data .lab-team-away .name {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    padding: 2px;
    vertical-align: middle
}

.layout-grid-thead.data .lab-team-home .name .goal-icon,.layout-grid-thead.data .lab-team-away .name .goal-icon,.dd-item.data .lab-team-home .name .goal-icon,.dd-item.data .lab-team-away .name .goal-icon {
    animation-name: goal-icon;
    animation-duration: 1.3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-delay: .1s;
    -webkit-animation-name: goal-icon;
    -webkit-animation-duration: 1.3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .1s;
    -moz-animation-name: goal-icon;
    -moz-animation-duration: 1.3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .1s;
    -o-animation-name: goal-icon;
    -o-animation-duration: 1.3s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .1s;
    vertical-align: top;
    position: relative;
    top: -1px;
    height: 17px
}

.layout-grid-thead.data .lab-team-home .name:hover,.layout-grid-thead.data .lab-team-away .name:hover,.dd-item.data .lab-team-home .name:hover,.dd-item.data .lab-team-away .name:hover {
    color: #333
}

.layout-grid-thead.data .lab-team-home .rank,.layout-grid-thead.data .lab-team-away .rank,.dd-item.data .lab-team-home .rank,.dd-item.data .lab-team-away .rank {
    font-size: 12px;
    color: #de1e30;
    white-space: nowrap;
    vertical-align: middle
}

.layout-grid-thead.data .lab-team-home .card,.layout-grid-thead.data .lab-team-away .card,.dd-item.data .lab-team-home .card,.dd-item.data .lab-team-away .card {
    font-size: 12px;
    color: #fff;
    padding: 0 2px;
    border-radius: 3px;
    line-height: 16px;
    margin-left: 1px;
    vertical-align: middle
}

.layout-grid-thead.data .lab-team-home.win-goal,.layout-grid-thead.data .lab-team-away.win-goal,.dd-item.data .lab-team-home.win-goal,.dd-item.data .lab-team-away.win-goal {
    color: #de1e30;
    background-color: #ffd6d3
}

.layout-grid-thead.data .lab-team-home.win-goal .name,.layout-grid-thead.data .lab-team-away.win-goal .name,.dd-item.data .lab-team-home.win-goal .name,.dd-item.data .lab-team-away.win-goal .name {
    color: #de1e30
}

.layout-grid-thead.data .lab-team-home.lab-team-home,.layout-grid-thead.data .lab-team-away.lab-team-home,.dd-item.data .lab-team-home.lab-team-home,.dd-item.data .lab-team-away.lab-team-home {
    padding-left: 5px
}

.layout-grid-thead.data .lab-team-home.lab-team-home .name .goal-icon,.layout-grid-thead.data .lab-team-away.lab-team-home .name .goal-icon,.dd-item.data .lab-team-home.lab-team-home .name .goal-icon,.dd-item.data .lab-team-away.lab-team-home .name .goal-icon {
    margin-right: 2px
}

.layout-grid-thead.data .lab-team-home.lab-team-away,.layout-grid-thead.data .lab-team-away.lab-team-away,.dd-item.data .lab-team-home.lab-team-away,.dd-item.data .lab-team-away.lab-team-away {
    padding-right: 5px
}

.layout-grid-thead.data .lab-team-home.lab-team-away .name .goal-icon,.layout-grid-thead.data .lab-team-away.lab-team-away .name .goal-icon,.dd-item.data .lab-team-home.lab-team-away .name .goal-icon,.dd-item.data .lab-team-away.lab-team-away .name .goal-icon {
    margin-left: 2px
}

.layout-grid-thead.data .lab-live .btn-live-court,.layout-grid-thead.data .lab-live .icon-liveanimation,.dd-item.data .lab-live .btn-live-court,.dd-item.data .lab-live .icon-liveanimation {
    vertical-align: middle;
    width: 27px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    cursor: pointer
}

.layout-grid-thead.data .lab-live .btn-live-court:hover,.layout-grid-thead.data .lab-live .icon-liveanimation:hover,.dd-item.data .lab-live .btn-live-court:hover,.dd-item.data .lab-live .icon-liveanimation:hover {
    box-shadow: 0 0 7px rgba(0,0,0,0.25) inset
}

.layout-grid-thead.data .lab-live .btn-live-court.null,.layout-grid-thead.data .lab-live .icon-liveanimation.null,.dd-item.data .lab-live .btn-live-court.null,.dd-item.data .lab-live .icon-liveanimation.null {
    background-color: transparent;
    color: #777;
    font-size: 20px;
    box-shadow: none !important
}

.layout-grid-thead.data .lab-live .btn-live-court,.dd-item.data .lab-live .btn-live-court {
    width: 26px;
    height: 21px;
    background: url("/public/img/football/btn-live-court-e1c1d86c78.png") no-repeat center
}

.layout-grid-thead.data .lab-live .icon-liveanimation,.dd-item.data .lab-live .icon-liveanimation {
    color: #fff;
    background-color: #f5677d;
    font-size: 19px
}

.layout-grid-thead.data .lab-score,.dd-item.data .lab-score {
    cursor: pointer
}

.layout-grid-thead.data .lab-score .find,.dd-item.data .lab-score .find {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 45px;
    position: relative
}

.layout-grid-thead.data .lab-score .score,.dd-item.data .lab-score .score {
    display: block;
    font-size: 14px
}

.layout-grid-thead.data .lab-score .tooltip-analysis,.dd-item.data .lab-score .tooltip-analysis {
    position: absolute;
    width: 280px;
    background-color: rgba(0,0,0,0.8);
    left: 100%;
    top: 0;
    z-index: 10;
    color: #fff;
    font-size: 12px
}

.layout-grid-thead.data .lab-score .tooltip-analysis .top,.dd-item.data .lab-score .tooltip-analysis .top {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
    text-align: center;
    font-size: 12px;
    color: #fff;
    padding-bottom: 10px
}

.layout-grid-thead.data .lab-score .tooltip-analysis .top:after,.layout-grid-thead.data .lab-score .tooltip-analysis .top:before,.dd-item.data .lab-score .tooltip-analysis .top:after,.dd-item.data .lab-score .tooltip-analysis .top:before {
    content: '';
    display: table
}

.layout-grid-thead.data .lab-score .tooltip-analysis .top .icon,.dd-item.data .lab-score .tooltip-analysis .top .icon {
    animation-name: scale;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 0;
    -webkit-animation-name: scale;
    -webkit-animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0;
    -moz-animation-name: scale;
    -moz-animation-duration: .3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 0;
    -o-animation-name: scale;
    -o-animation-duration: .3s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center
}

.layout-grid-thead.data .lab-score .tooltip-analysis .top .icon:last-child,.dd-item.data .lab-score .tooltip-analysis .top .icon:last-child {
    animation-name: scale;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .05s;
    -webkit-animation-name: scale;
    -webkit-animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .05s;
    -moz-animation-name: scale;
    -moz-animation-duration: .3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .05s;
    -o-animation-name: scale;
    -o-animation-duration: .3s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .05s
}

.layout-grid-thead.data .lab-score .tooltip-analysis .top .title,.dd-item.data .lab-score .tooltip-analysis .top .title {
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.layout-grid-thead.data .lab-score .tooltip-analysis .top.score-title,.dd-item.data .lab-score .tooltip-analysis .top.score-title {
    margin-top: 10px;
    margin-bottom: 0px !important
}

.layout-grid-thead.data .lab-score .tooltip-analysis .top.team-top,.dd-item.data .lab-score .tooltip-analysis .top.team-top {
    line-height: 37px;
    padding: 0;
    background-color: rgba(31,31,31,0.9)
}

.layout-grid-thead.data .lab-score .tooltip-analysis .top.team-top .name,.dd-item.data .lab-score .tooltip-analysis .top.team-top .name {
    max-width: 106px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.layout-grid-thead.data .lab-score .tooltip-analysis .row,.dd-item.data .lab-score .tooltip-analysis .row {
    display: inline-block;
    vertical-align: top;
    width: 260px;
    margin: 0 10px;
    position: relative;
    word-break: break-all
}

.layout-grid-thead.data .lab-score .tooltip-analysis .row:after,.dd-item.data .lab-score .tooltip-analysis .row:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    border-bottom: 1px solid #454545
}

.layout-grid-thead.data .lab-score .tooltip-analysis .row .left,.layout-grid-thead.data .lab-score .tooltip-analysis .row .center,.layout-grid-thead.data .lab-score .tooltip-analysis .row .right,.dd-item.data .lab-score .tooltip-analysis .row .left,.dd-item.data .lab-score .tooltip-analysis .row .center,.dd-item.data .lab-score .tooltip-analysis .row .right {
    float: left;
    line-height: 30px;
    min-height: 1px
}

.layout-grid-thead.data .lab-score .tooltip-analysis .row .cte,.dd-item.data .lab-score .tooltip-analysis .row .cte {
    line-height: 30px
}

.layout-grid-thead.data .lab-score .tooltip-analysis .row .left,.layout-grid-thead.data .lab-score .tooltip-analysis .row .right,.dd-item.data .lab-score .tooltip-analysis .row .left,.dd-item.data .lab-score .tooltip-analysis .row .right {
    position: relative;
    width: 105px
}

.layout-grid-thead.data .lab-score .tooltip-analysis .row .left .text-left,.layout-grid-thead.data .lab-score .tooltip-analysis .row .left .text-right,.layout-grid-thead.data .lab-score .tooltip-analysis .row .right .text-left,.layout-grid-thead.data .lab-score .tooltip-analysis .row .right .text-right,.dd-item.data .lab-score .tooltip-analysis .row .left .text-left,.dd-item.data .lab-score .tooltip-analysis .row .left .text-right,.dd-item.data .lab-score .tooltip-analysis .row .right .text-left,.dd-item.data .lab-score .tooltip-analysis .row .right .text-right {
    width: 80px;
    line-height: 15px;
    padding: 6px 0 8px
}

.layout-grid-thead.data .lab-score .tooltip-analysis .row .left .num,.layout-grid-thead.data .lab-score .tooltip-analysis .row .right .num,.dd-item.data .lab-score .tooltip-analysis .row .left .num,.dd-item.data .lab-score .tooltip-analysis .row .right .num {
    float: left
}

.layout-grid-thead.data .lab-score .tooltip-analysis .row .left .icon,.layout-grid-thead.data .lab-score .tooltip-analysis .row .right .icon,.dd-item.data .lab-score .tooltip-analysis .row .left .icon,.dd-item.data .lab-score .tooltip-analysis .row .right .icon {
    animation-name: translate;
    animation-duration: .2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .08s;
    -webkit-animation-name: translate;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .08s;
    -moz-animation-name: translate;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .08s;
    -o-animation-name: translate;
    -o-animation-duration: .2s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .08s;
    transform: translate(20px, 0px);
    -webkit-transform: translate(20px, 0px);
    -moz-transform: translate(20px, 0px);
    -o-transform: translate(20px, 0px);
    width: 24px;
    opacity: 0;
    position: relative;
    margin-bottom: 5px;
    top: -2px
}

.layout-grid-thead.data .lab-score .tooltip-analysis .row .left .bar,.layout-grid-thead.data .lab-score .tooltip-analysis .row .right .bar,.dd-item.data .lab-score .tooltip-analysis .row .left .bar,.dd-item.data .lab-score .tooltip-analysis .row .right .bar {
    margin-top: 13px;
    width: 69px;
    height: 6px;
    background-color: #000;
    float: right;
    border-radius: 3px 0 0 3px;
    overflow: hidden
}

.layout-grid-thead.data .lab-score .tooltip-analysis .row .left .bar .bar-tol,.layout-grid-thead.data .lab-score .tooltip-analysis .row .right .bar .bar-tol,.dd-item.data .lab-score .tooltip-analysis .row .left .bar .bar-tol,.dd-item.data .lab-score .tooltip-analysis .row .right .bar .bar-tol {
    transition: all 0.5s cubic-bezier(0.07, 0.99, 0.54, 1.23);
    -webkit-transition: all 0.5s cubic-bezier(0.07, 0.99, 0.54, 1.23);
    -moz-transition: all 0.5s cubic-bezier(0.07, 0.99, 0.54, 1.23);
    -o-transition: all 0.5s cubic-bezier(0.07, 0.99, 0.54, 1.23);
    opacity: 0;
    border-radius: 3px 0 0 3px;
    height: 100%;
    width: 0%;
    float: right;
    background-color: #d26d01
}

.layout-grid-thead.data .lab-score .tooltip-analysis .row .left.left .text-left,.layout-grid-thead.data .lab-score .tooltip-analysis .row .right.left .text-left,.dd-item.data .lab-score .tooltip-analysis .row .left.left .text-left,.dd-item.data .lab-score .tooltip-analysis .row .right.left .text-left {
    float: left;
    text-align: left
}

.layout-grid-thead.data .lab-score .tooltip-analysis .row .left.left .icon,.layout-grid-thead.data .lab-score .tooltip-analysis .row .right.left .icon,.dd-item.data .lab-score .tooltip-analysis .row .left.left .icon,.dd-item.data .lab-score .tooltip-analysis .row .right.left .icon {
    left: 8px
}

.layout-grid-thead.data .lab-score .tooltip-analysis .row .left.right .text-right,.layout-grid-thead.data .lab-score .tooltip-analysis .row .right.right .text-right,.dd-item.data .lab-score .tooltip-analysis .row .left.right .text-right,.dd-item.data .lab-score .tooltip-analysis .row .right.right .text-right {
    float: right;
    text-align: right
}

.layout-grid-thead.data .lab-score .tooltip-analysis .row .left.right .num,.layout-grid-thead.data .lab-score .tooltip-analysis .row .right.right .num,.dd-item.data .lab-score .tooltip-analysis .row .left.right .num,.dd-item.data .lab-score .tooltip-analysis .row .right.right .num {
    float: right
}

.layout-grid-thead.data .lab-score .tooltip-analysis .row .left.right .icon,.layout-grid-thead.data .lab-score .tooltip-analysis .row .right.right .icon,.dd-item.data .lab-score .tooltip-analysis .row .left.right .icon,.dd-item.data .lab-score .tooltip-analysis .row .right.right .icon {
    transform: translate(-20px, 0px);
    -webkit-transform: translate(-20px, 0px);
    -moz-transform: translate(-20px, 0px);
    -o-transform: translate(-20px, 0px);
    left: -8px
}

.layout-grid-thead.data .lab-score .tooltip-analysis .row .left.right .bar,.layout-grid-thead.data .lab-score .tooltip-analysis .row .right.right .bar,.dd-item.data .lab-score .tooltip-analysis .row .left.right .bar,.dd-item.data .lab-score .tooltip-analysis .row .right.right .bar {
    border-radius: 0 3px 3px 0;
    float: left
}

.layout-grid-thead.data .lab-score .tooltip-analysis .row .left.right .bar .bar-tol,.layout-grid-thead.data .lab-score .tooltip-analysis .row .right.right .bar .bar-tol,.dd-item.data .lab-score .tooltip-analysis .row .left.right .bar .bar-tol,.dd-item.data .lab-score .tooltip-analysis .row .right.right .bar .bar-tol {
    border-radius: 0 3px 3px 0;
    float: left
}

.layout-grid-thead.data .lab-score .tooltip-analysis .row .center,.dd-item.data .lab-score .tooltip-analysis .row .center {
    width: 50px
}

.layout-grid-thead.data .lab-score .tooltip-analysis .row:last-child,.dd-item.data .lab-score .tooltip-analysis .row:last-child {
    margin-bottom: 10px
}

.layout-grid-thead.data .lab-score .tooltip-analysis .row:last-child:after,.dd-item.data .lab-score .tooltip-analysis .row:last-child:after {
    display: none
}

.layout-grid-thead.data .lab-score .tooltip-analysis.now .top.score-title,.dd-item.data .lab-score .tooltip-analysis.now .top.score-title {
    line-height: 37px;
    height: 37px;
    padding: 0;
    margin-top: 0px
}

.layout-grid-thead.data .lab-score .tooltip-analysis.now .top.score-title .icon,.dd-item.data .lab-score .tooltip-analysis.now .top.score-title .icon {
    display: none
}

.layout-grid-thead.data .lab-score:hover .tooltip-analysis,.dd-item.data .lab-score:hover .tooltip-analysis {
    display: block
}

.layout-grid-thead.data .lab-sb,.dd-item.data .lab-sb {
    width: 174px;
    line-height: 15px;
    cursor: pointer
}

.layout-grid-thead.data .lab-sb .find,.dd-item.data .lab-sb .find {
    display: inline-block;
    width: 100%
}

.layout-grid-thead.data .lab-sb .sb-tool-tip,.dd-item.data .lab-sb .sb-tool-tip {
    position: absolute;
    background-color: #fff;
    width: 560px;
    padding-bottom: 10px;
    border-radius: 5px;
    z-index: 10;
    box-shadow: 0 0 13px rgba(0,0,0,0.26);
    left: 50%;
    bottom: 100%;
    margin-left: -281px;
    border: 1px solid #ccc;
    margin-bottom: 11px
}

.layout-grid-thead.data .lab-sb .sb-tool-tip:after,.layout-grid-thead.data .lab-sb .sb-tool-tip:before,.dd-item.data .lab-sb .sb-tool-tip:after,.dd-item.data .lab-sb .sb-tool-tip:before {
    content: '';
    position: absolute;
    border: 8px solid transparent;
    border-top-color: rgba(0,0,0,0.3);
    bottom: -16px;
    left: 50%;
    margin-left: -8px
}

.layout-grid-thead.data .lab-sb .sb-tool-tip:after,.dd-item.data .lab-sb .sb-tool-tip:after {
    border-top-color: #fff
}

.layout-grid-thead.data .lab-sb .sb-tool-tip .hold-show,.dd-item.data .lab-sb .sb-tool-tip .hold-show {
    position: absolute;
    bottom: -11px;
    left: 0;
    height: 11px;
    width: 100%
}

.layout-grid-thead.data .lab-sb .sb-tool-tip .top,.dd-item.data .lab-sb .sb-tool-tip .top {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f4f4f4;
    line-height: 32px;
    border-radius: 3px 3px 0 0
}

.layout-grid-thead.data .lab-sb .sb-tool-tip .top:after,.layout-grid-thead.data .lab-sb .sb-tool-tip .top:before,.dd-item.data .lab-sb .sb-tool-tip .top:after,.dd-item.data .lab-sb .sb-tool-tip .top:before {
    content: '';
    display: table
}

.layout-grid-thead.data .lab-sb .sb-tool-tip .top .left,.layout-grid-thead.data .lab-sb .sb-tool-tip .top .right,.layout-grid-thead.data .lab-sb .sb-tool-tip .top .center,.dd-item.data .lab-sb .sb-tool-tip .top .left,.dd-item.data .lab-sb .sb-tool-tip .top .right,.dd-item.data .lab-sb .sb-tool-tip .top .center {
    float: left;
    width: 265px;
    font-size: 14px;
    color: #df1e31
}

.layout-grid-thead.data .lab-sb .sb-tool-tip .top .left.left,.layout-grid-thead.data .lab-sb .sb-tool-tip .top .right.left,.layout-grid-thead.data .lab-sb .sb-tool-tip .top .center.left,.dd-item.data .lab-sb .sb-tool-tip .top .left.left,.dd-item.data .lab-sb .sb-tool-tip .top .right.left,.dd-item.data .lab-sb .sb-tool-tip .top .center.left {
    text-align: right
}

.layout-grid-thead.data .lab-sb .sb-tool-tip .top .left.right,.layout-grid-thead.data .lab-sb .sb-tool-tip .top .right.right,.layout-grid-thead.data .lab-sb .sb-tool-tip .top .center.right,.dd-item.data .lab-sb .sb-tool-tip .top .left.right,.dd-item.data .lab-sb .sb-tool-tip .top .right.right,.dd-item.data .lab-sb .sb-tool-tip .top .center.right {
    text-align: left
}

.layout-grid-thead.data .lab-sb .sb-tool-tip .top .left.center,.layout-grid-thead.data .lab-sb .sb-tool-tip .top .right.center,.layout-grid-thead.data .lab-sb .sb-tool-tip .top .center.center,.dd-item.data .lab-sb .sb-tool-tip .top .left.center,.dd-item.data .lab-sb .sb-tool-tip .top .right.center,.dd-item.data .lab-sb .sb-tool-tip .top .center.center {
    text-align: center;
    width: 30px
}

.layout-grid-thead.data .lab-sb .sb-tool-tip .row,.dd-item.data .lab-sb .sb-tool-tip .row {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: center;
    color: #666
}

.layout-grid-thead.data .lab-sb .sb-tool-tip .row:after,.layout-grid-thead.data .lab-sb .sb-tool-tip .row:before,.dd-item.data .lab-sb .sb-tool-tip .row:after,.dd-item.data .lab-sb .sb-tool-tip .row:before {
    content: '';
    display: table
}

.layout-grid-thead.data .lab-sb .sb-tool-tip .row .num-col,.dd-item.data .lab-sb .sb-tool-tip .row .num-col {
    float: left;
    width: 33.3%;
    min-height: 1px
}

.layout-grid-thead.data .lab-sb .sb-tool-tip .row .num-col .exponent.null .icon,.dd-item.data .lab-sb .sb-tool-tip .row .num-col .exponent.null .icon {
    background: none
}

.layout-grid-thead.data .lab-sb:hover .find,.dd-item.data .lab-sb:hover .find {
    position: relative
}

.layout-grid-thead.data .link,.dd-item.data .link {
    position: initial;
    color: #777;
    cursor: pointer
}

.layout-grid-thead.data .link:hover,.dd-item.data .link:hover {
    color: #de1e30
}

.layout-grid-thead.data .icon-topn,.layout-grid-thead.data .icon-collecth,.layout-grid-thead.data .icon-collectn,.dd-item.data .icon-topn,.dd-item.data .icon-collecth,.dd-item.data .icon-collectn {
    color: #bbb
}

.layout-grid-thead.data .icon-collecth,.dd-item.data .icon-collecth {
    color: #f5677d
}

.layout-grid-thead.data .icon-topn.top,.dd-item.data .icon-topn.top {
    color: #de1e30
}

.layout-grid-thead.data .icon-topn.top:before,.dd-item.data .icon-topn.top:before {
    content: '\e602' !important
}

.layout-grid-thead.title .iconfont,.dd-item.title .iconfont {
    font-size: 25px;
    position: initial;
    margin: -1px 5px 0 0;
    display: inline-block;
    vertical-align: top
}

.layout-grid-thead.title>td,.dd-item.title>td {
    font-size: 20px;
    text-align: center;
    font-weight: 100;
    color: #999
}

.layout-grid-thead.tr-introd>td,.dd-item.tr-introd>td {
    padding-bottom: 20px
}

.screen-view {
    width: 100%
}

.screen-view .day-label {
    height: 69px;
    text-align: center;
    font-size: 20px;
    color: #999;
    font-weight: 100;
    background-color: transparent
}

.screen-view .day-label .iconfont {
    position: initial;
    margin: -2px 5px 0 0;
    display: inline-block;
    vertical-align: top;
    color: #de1e30;
    font-size: 25px
}

.screen-view .introd {
    box-shadow: 0 0 8px rgba(251,119,131,0.35);
    background-color: #fff;
    pointer-events: none;
    position: absolute;
    line-height: 20px;
    font-size: 12px;
    color: #de1e30;
    bottom: -23px;
    height: 20px;
    z-index: 2;
    left: 0
}

.screen-view .introd:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 1px;
    background-color: #fff
}

.screen-view .introd .introd-content {
    position: relative;
    text-align: center;
    float: left
}

.screen-view .introd .introd-content:before,.screen-view .introd .introd-content:after {
    content: '';
    position: absolute;
    left: 50%;
    border: 5px solid transparent;
    top: -11px;
    margin-left: -5px
}

.screen-view .introd .introd-content:before {
    border-bottom-color: rgba(251,119,131,0.8)
}

.screen-view .introd .introd-content:after {
    border-bottom-color: #fff
}

.ls-fixedtool {
    position: absolute;
    left: -60px;
    margin: 0;
    line-height: 16px;
    top: 0;
    transition: all 0.5s
}

.layout {
    display: inline-block;
    width: 100%;
    background-color: #efefef;
    position: relative;
    z-index: 4
}

.layout .layout-top {
    float: left;
    padding: 19px 0 18px;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #ddd;
    z-index: 1
}

.layout .layout-top .btn-white.all.not .children {
    display: none
}

.layout .layout-top .btn-white.active .color-red,.layout .layout-top .btn-white:hover .color-red {
    color: #fff
}

.layout .layout-top .project-type .btn-white,.layout .layout-top .sort-order .btn-white {
    float: left;
    margin-right: 5px;
    padding: 1px 15px;
    font-size: 14px
}

.layout .layout-top .project-type {
    float: left
}

.layout .layout-top .sort-order .btn-white,.layout .layout-top .page-tool .btn-white {
    float: left;
    padding: 0 15px
}

.layout .layout-top .sort-order .btn-border,.layout .layout-top .sort-order .select-border,.layout .layout-top .sort-order .select-panel-border,.layout .layout-top .page-tool .btn-border,.layout .layout-top .page-tool .select-border,.layout .layout-top .page-tool .select-panel-border {
    margin-left: 5px;
    float: left;
    text-align: center;
    line-height: 30px;
    height: 30px
}

.layout .layout-top .sort-order .btn-border>.tip,.layout .layout-top .sort-order .select-border>.tip,.layout .layout-top .sort-order .select-panel-border>.tip,.layout .layout-top .page-tool .btn-border>.tip,.layout .layout-top .page-tool .select-border>.tip,.layout .layout-top .page-tool .select-panel-border>.tip {
    display: inline-block;
    white-space: nowrap
}

.layout .layout-top .sort-order .select-panel-border .down,.layout .layout-top .page-tool .select-panel-border .down {
    margin-top: 15px
}

.layout .layout-top .sort-order .select-panel-border .down:before,.layout .layout-top .sort-order .select-panel-border .down:after,.layout .layout-top .page-tool .select-panel-border .down:before,.layout .layout-top .page-tool .select-panel-border .down:after {
    content: '';
    border: 8px solid transparent;
    position: absolute;
    left: 15px;
    top: -16px
}

.layout .layout-top .sort-order .select-panel-border .down:before,.layout .layout-top .page-tool .select-panel-border .down:before {
    border-bottom-color: #a2a2a2
}

.layout .layout-top .sort-order .select-panel-border .down:after,.layout .layout-top .page-tool .select-panel-border .down:after {
    border-bottom-color: #fff
}

.layout .layout-top .sort-order .select-panel-border:hover .down,.layout .layout-top .page-tool .select-panel-border:hover .down {
    display: none
}

.layout .layout-top .sort-order .select-panel-border .null-data,.layout .layout-top .page-tool .select-panel-border .null-data {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 250px;
    padding-top: 50px;
    overflow: hidden
}

.layout .layout-top .sort-order .btn-border:hover *,.layout .layout-top .page-tool .btn-border:hover * {
    color: #fff
}

.layout .layout-top .sort-order .prompt,.layout .layout-top .page-tool .prompt {
    background-color: #de1e30;
    line-height: 32px;
    height: 32px;
    color: #fff;
    border: 0;
    padding-left: 0
}

.layout .layout-top .sort-order .prompt .icon-voice,.layout .layout-top .page-tool .prompt .icon-voice {
    content: '';
    float: left;
    height: 100%;
    width: 33px;
    background: url("/public/img/base/fb-voice-0958e2f544.png") no-repeat 7px -32px #cc1829;
    margin-right: 8px;
    border-radius: 3px 0 0 3px
}

.layout .layout-top .sort-order .prompt .icon-voice:hover,.layout .layout-top .page-tool .prompt .icon-voice:hover {
    background-color: #b10919
}

.layout .layout-top .sort-order .prompt .icon-arrow,.layout .layout-top .page-tool .prompt .icon-arrow {
    color: #fff;
    margin-left: 5px
}

.layout .layout-top .sort-order .prompt.on .icon-voice,.layout .layout-top .page-tool .prompt.on .icon-voice {
    background-position: 7px 8px
}

.layout .layout-top .sort-order {
    float: left;
    margin-left: 10px
}

.layout .layout-top .sort-order .tip {
    color: #666;
    font-size: 14px;
    float: left;
    line-height: 30px
}

.layout .layout-top .sort-order .tip .alt {
    cursor: pointer
}

.layout .layout-top .page-tool {
    float: right
}

.layout .layout-bottom {
    float: left;
    width: 100%;
    border-top: 1px solid #ddd;
    position: relative
}

.layout .layout-bottom .content {
    position: relative
}

.layout .layout-bottom .select-panel {
    float: left
}

.layout .layout-bottom .nav-screen {
    line-height: 52px
}

.layout .layout-bottom .nav-screen .button {
    float: left;
    cursor: pointer;
    text-align: center;
    color: #333
}

.layout .layout-bottom .nav-screen .button.active,.layout .layout-bottom .nav-screen .button:hover {
    color: #de1e30 !important
}

.layout .layout-bottom .nav-screen .button.active {
    background-color: #fff
}

.layout .layout-bottom .nav-screen .date-list {
    float: left;
    width: 1072px;
    height: 52px;
    position: relative;
    overflow: hidden;
    border: solid #ddd;
    border-width: 0 1px
}

.layout .layout-bottom .nav-screen .date-list .button {
    text-align: center;
    color: #777;
    font-size: 12px;
    line-height: 20px;
    width: 153px;
    padding: 7px 0;
    position: absolute;
    top: 0
}

.layout .layout-bottom .nav-screen .date-list .button .time {
    display: block;
    font-size: 18px
}

.layout .layout-bottom #screen-calendar {
    width: 125px
}

.layout .layout-bottom #screen-calendar .tip {
    text-align: center
}

.layout .layout-bottom #screen-calendar .tip .icon-arrow {
    float: none;
    top: -1px;
    margin-left: 0
}

.layout .layout-bottom #screen-calendar .calendar {
    background-color: #fff
}

.explain {
    width: 100%;
    border-top: 1px solid #ddd;
    color: #999;
    font-size: 14px;
    line-height: 22px;
    padding: 10px 0;
    margin: 20px 0
}

.explain .bd-left {
    width: 7px;
    height: 21px;
    float: left;
    background-color: #bbb;
    margin: 0 10px
}

.setting-panel {
    width: 400px;
    padding: 20px 20px 10px
}

.setting-panel .btn-white {
    font-size: 14px
}

.loading-web {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    position: fixed;
    border-radius: 20px
}

.tip-prompt {
    transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -o-transition: .6s;
    position: absolute;
    top: 52px;
    left: 22px;
    white-space: nowrap;
    line-height: 30px;
    margin: 0 0 0 0;
    background-color: rgba(0,0,0,0.55);
    color: #fff;
    padding: 0 10px;
    border-radius: 5px;
    font-size: 14px;
    display: none
}

.tip-prompt.show {
    margin-top: -15px;
    display: block
}

.tip-prompt.hidden {
    margin-left: 30px;
    display: none
}

.tip-prompt:after {
    content: '';
    position: absolute;
    border: solid transparent;
    left: 39px;
    top: -6px;
    margin-top: -6px;
    border-bottom-color: rgba(0,0,0,0.55);
    border-width: 6px 9px
}

.check-label {
    cursor: pointer
}

.check-label .choicen {
    position: relative;
    font-size: 17px
}

.check-label .choicen:before {
    content: "\e616"
}

.check-label:hover {
    color: #de1e30
}

.check-label.active .choicen {
    color: #de1e30
}

.check-label.active .choicen:before {
    content: "\e617"
}

@keyframes translate {
    100% {
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -o-transform: translate(0px)
    }
}

@-webkit-keyframes translate {
    100% {
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -o-transform: translate(0px)
    }
}

@-o-keyframes translate {
    100% {
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -o-transform: translate(0px)
    }
}

@-moz-keyframes translate {
    100% {
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -o-transform: translate(0px)
    }
}

@keyframes error-icon {
    0% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px)
    }

    33% {
        transform: translateX(-5px);
        -webkit-transform: translateX(-5px);
        -moz-transform: translateX(-5px);
        -o-transform: translateX(-5px)
    }

    66% {
        transform: translateX(5px);
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -o-transform: translateX(5px)
    }

    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px)
    }
}

@-webkit-keyframes error-icon {
    0% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px)
    }

    33% {
        transform: translateX(-5px);
        -webkit-transform: translateX(-5px);
        -moz-transform: translateX(-5px);
        -o-transform: translateX(-5px)
    }

    66% {
        transform: translateX(5px);
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -o-transform: translateX(5px)
    }

    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px)
    }
}

@-o-keyframes error-icon {
    0% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px)
    }

    33% {
        transform: translateX(-5px);
        -webkit-transform: translateX(-5px);
        -moz-transform: translateX(-5px);
        -o-transform: translateX(-5px)
    }

    66% {
        transform: translateX(5px);
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -o-transform: translateX(5px)
    }

    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px)
    }
}

@-moz-keyframes error-icon {
    0% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px)
    }

    33% {
        transform: translateX(-5px);
        -webkit-transform: translateX(-5px);
        -moz-transform: translateX(-5px);
        -o-transform: translateX(-5px)
    }

    66% {
        transform: translateX(5px);
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -o-transform: translateX(5px)
    }

    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px)
    }
}

@keyframes scale {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    80% {
        opacity: 1;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1)
    }

    100% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@-webkit-keyframes scale {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    80% {
        opacity: 1;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1)
    }

    100% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@-o-keyframes scale {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    80% {
        opacity: 1;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1)
    }

    100% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@-moz-keyframes scale {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    80% {
        opacity: 1;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1)
    }

    100% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@keyframes ap-code-dian {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes ap-code-dian {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes ap-code-dian {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes ap-code-dian {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.ap-code-dian {
    animation-name: ap-code-dian;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-delay: 0;
    -webkit-animation-name: ap-code-dian;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0;
    -moz-animation-name: ap-code-dian;
    -moz-animation-duration: 1.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 0;
    -o-animation-name: ap-code-dian;
    -o-animation-duration: 1.5s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 0
}

.row {
    width: 100%;
    float: left
}

.row-i {
    width: 100%;
    display: inline-block
}

@keyframes pic-side {
    100% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
        opacity: 1
    }
}

@keyframes shine {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes shine /*Safari and Chrome*/
{
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.app-banner {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    border-radius: 5px 5px 0 0;
    margin-top: 0;
    overflow: hidden;
    height: 100px
}

.app-banner:after,.app-banner:before {
    content: '';
    display: table
}

.app-banner img {
    transition: 3s;
    -webkit-transition: 3s;
    -moz-transition: 3s;
    -o-transition: 3s
}

.app-banner:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05)
}

.layout-grid-thead {
    border-radius: 0 0 5px 5px
}

.layout-grid-thead .lab-check {
    border-radius: 0px 0 0 5px
}

.layout-grid-thead:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    box-shadow: 0 -3px 3px rgba(0,0,0,0.3)
}

.layout-grid-thead .lab-func {
    font-size: 14px
}

.layout-grid-thead .lab-lottery,.dd-item .lab-lottery {
    width: 55px
}

.layout-grid-thead .lab-sb,.dd-item .lab-sb {
    width: 175px
}

.layout-grid-thead .lab-bet-odds,.dd-item .lab-bet-odds {
    width: 58px
}

#sort-all-tip {
    top: 100%;
    margin-top: 0px;
    left: 50%;
    margin-left: -60px
}

#sort-all-tip:after {
    border-color: transparent;
    border-bottom-color: rgba(0,0,0,0.55);
    top: 0;
    margin-top: -18px;
    left: 50%;
    margin-left: 10px;
    border-width: 9px 6px
}

#sort-all-tip.show {
    margin-top: 10px;
    opacity: 1
}

#sort-all-tip.hidden {
    margin-top: 20px;
    opacity: 0
}

.pic-side {
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    animation-name: pic-side;
    animation-duration: .5s;
    animation-timing-function: cubic-bezier(0.92, 0.23, 0.96, 1.01);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1.5s;
    -webkit-animation-name: pic-side;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: cubic-bezier(0.92, 0.23, 0.96, 1.01);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1.5s;
    -moz-animation-name: pic-side;
    -moz-animation-duration: .5s;
    -moz-animation-timing-function: cubic-bezier(0.92, 0.23, 0.96, 1.01);
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1.5s;
    -o-animation-name: pic-side;
    -o-animation-duration: .5s;
    -o-animation-timing-function: cubic-bezier(0.92, 0.23, 0.96, 1.01);
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1.5s;
    opacity: 0;
    position: fixed;
    top: 350px;
    margin-left: 1080px;
    z-index: -1
}

#screen-menu .sort-order .sort {
    background-color: #f0f0f2;
    margin: 0;
    width: 90px;
    line-height: 35px
}

#screen-menu .sort-order .sort:hover,#screen-menu .sort-order .sort.active {
    background-color: #de1e30
}

.dd-live-title,.dd-notStart-title,.dd-finished-title {
    height: 26px;
    padding: 15px 0 20px;
    font-size: 20px;
    text-align: center;
    font-weight: 100;
    color: #999
}

.dd-live-title .iconfont,.dd-notStart-title .iconfont,.dd-finished-title .iconfont {
    font-size: 25px;
    position: initial;
    margin: -1px 5px 0 0;
    display: inline-block;
    vertical-align: top
}

.dd-item {
    height: 43px
}

.dd-item .box {
    height: 100%
}

.dd-item .lier-check {
    width: 42px;
    cursor: pointer;
    height: 43px
}

.dd-item .lier-check .iconfont {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    border: 1px solid #bbb;
    border-radius: 50%;
    background-color: #fff;
    position: initial
}

.dd-item .lier-check .iconfont:before {
    content: "\e617";
    display: none;
    font-size: 17px;
    position: relative;
    left: -2px;
    top: 1px;
    z-index: 1
}

.dd-item .lier-check .iconfont.checked,.dd-item .lier-check .iconfont:hover {
    color: #de1e30;
    border-color: #de1e30
}

.dd-item .lier-check .iconfont.checked {
    border-color: transparent
}

.dd-item .lier-check .iconfont.checked:before {
    display: block
}

.dd-item .lier-check .iconfont.not-all:before {
    content: '';
    display: block;
    width: 8px;
    text-align: center;
    left: 50%;
    top: 50%;
    background-color: #bbb;
    height: 2px;
    margin: -1px 0 0 -4px
}

.dd-item .lier-live-level {
    width: 4px;
    height: 43px
}

.dd-item .lier-live-level .live-level {
    display: block;
    width: 4px;
    height: 34px;
    z-index: 1
}

.dd-item .lier-live-level .live-level.live-0 {
    background-color: #bbb
}

.dd-item .lier-live-level .live-level.live-1 {
    background-color: #DE1E30
}

.dd-item .lier-live-level .live-level.live-2 {
    background-color: #FF9000
}

.dd-item .lier-live-level .live-level.live-3 {
    background-color: #FFD138
}

.dd-item .lier-live-level .live-level.live-4 {
    background-color: #5988C2
}

.dd-item .lier-live-level .live-level.live-5 {
    background-color: #C6C3EF
}

.dd-item .lier-live-level .live-level.live-6 {
    background-color: #999
}

.dd-item .lier-live-level .live-level.live-7 {
    background-color: #bbb
}

.dd-item .lier-events {
    width: 40px;
    height: 43px
}

.dd-item .lier-events .event-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0 2px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.dd-item .lier-event-name {
    word-break: break-all;
    height: 43px;
    font-size: 12px;
    text-align: left;
    cursor: pointer;
    z-index: 2;
    color: #666;
    width: 85px
}

.dd-item .lier-event-name a {
    color: #666
}

.dd-item .lier-event-name a:hover {
    color: #000
}

.dd-item .lier-event-name .hot {
    color: #de1e30;
    font-weight: 700
}

.dd-item .lier-event-name .hot:hover {
    color: #de1e30
}

.dd-item .lier-time {
    width: 50px;
    height: 43px
}

.dd-item .lier-time .timem {
    width: 50px;
    height: 16px;
    float: left;
    margin-top: 2px
}

.dd-item .lier-round {
    width: 60px;
    height: 43px
}

.dd-item .lier-lottery {
    width: 55px;
    height: 43px;
    display: none
}

.dd-item .lier-lottery .text-jc,.dd-item .lier-lottery .text-bd,.dd-item .lier-lottery .text-zc {
    display: none
}

.dd-item .lier-status {
    width: 70px;
    height: 43px
}

.dd-item .lier-status.start {
    color: #f3692c;
    text-align: center;
    width: 60px;
    padding-left: 10px
}

.dd-item .lier-team-home {
    width: 140px;
    height: 43px;
    text-align: right;
    padding-left: 5px
}

.dd-item .lier-team-home .rank {
    font-size: 12px;
    color: #de1e30;
    white-space: nowrap
}

.dd-item .lier-team-home .card {
    font-size: 12px;
    color: #fff;
    padding: 0 2px;
    border-radius: 3px;
    line-height: 16px;
    margin-left: 1px
}

.dd-item .lier-team-home .xi {
    font-weight: 300
}

.dd-item .lier-team-home.win-goal {
    background-color: #ffd6d3
}

.dd-item .lier-team-home.win-goal .name {
    color: #de1e30
}

.dd-item .lier-team-home.win-goal .goal-icon {
    animation-name: goal-icon;
    animation-duration: 1.3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-delay: .1s;
    -webkit-animation-name: goal-icon;
    -webkit-animation-duration: 1.3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .1s;
    -moz-animation-name: goal-icon;
    -moz-animation-duration: 1.3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .1s;
    -o-animation-name: goal-icon;
    -o-animation-duration: 1.3s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .1s;
    vertical-align: top;
    position: relative;
    top: -1px;
    height: 17px;
    margin-right: 2px
}

.dd-item .lier-team-away {
    width: 140px;
    height: 43px;
    text-align: left;
    padding-right: 5px
}

.dd-item .lier-team-away .rank {
    font-size: 12px;
    color: #de1e30;
    white-space: nowrap;
    vertical-align: middle
}

.dd-item .lier-team-away .card {
    font-size: 12px;
    color: #fff;
    padding: 0 2px;
    border-radius: 3px;
    line-height: 16px;
    margin-left: 1px
}

.dd-item .lier-team-away.win-goal {
    background-color: #ffd6d3
}

.dd-item .lier-team-away.win-goal .name {
    color: #de1e30
}

.dd-item .lier-team-away.win-goal .goal-icon {
    animation-name: goal-icon;
    animation-duration: 1.3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-delay: .1s;
    -webkit-animation-name: goal-icon;
    -webkit-animation-duration: 1.3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .1s;
    -moz-animation-name: goal-icon;
    -moz-animation-duration: 1.3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .1s;
    -o-animation-name: goal-icon;
    -o-animation-duration: 1.3s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .1s;
    vertical-align: top;
    position: relative;
    top: -1px;
    height: 17px;
    margin-left: 2px
}

.dd-item .lier-score {
    width: 50px;
    height: 43px;
    position: relative;
    font-size: 14px
}

.dd-item .lier-score .qcbf {
    width: 50px;
    height: 20px;
    float: left
}

.dd-item .lier-score .tooltip-analysis {
    position: absolute;
    width: 380px;
    background-color: rgba(0,0,0,0.8);
    left: 100%;
    top: 0;
    z-index: 10;
    color: #fff;
    font-size: 12px;
    transition: all 0.5s
}

.dd-item .lier-score .tooltip-analysis .eventlist {
    max-height: 300px;
    overflow: auto;
    margin-right: 2px
}

.dd-item .lier-score .tooltip-analysis .eventlist::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: #F5F5F5
}

.dd-item .lier-score .tooltip-analysis .eventlist::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0.8)
}

.dd-item .lier-score .tooltip-analysis .eventlist::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: #d6d6cd
}

.dd-item .lier-score .tooltip-analysis .top {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
    text-align: center;
    font-size: 12px;
    color: #fff;
    padding-bottom: 10px
}

.dd-item .lier-score .tooltip-analysis .top:after,.dd-item .lier-score .tooltip-analysis .top:before {
    content: '';
    display: table
}

.dd-item .lier-score .tooltip-analysis .top .icon {
    animation-name: scale;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 0;
    -webkit-animation-name: scale;
    -webkit-animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0;
    -moz-animation-name: scale;
    -moz-animation-duration: .3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 0;
    -o-animation-name: scale;
    -o-animation-duration: .3s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center
}

.dd-item .lier-score .tooltip-analysis .top .icon:last-child {
    animation-name: scale;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .05s;
    -webkit-animation-name: scale;
    -webkit-animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .05s;
    -moz-animation-name: scale;
    -moz-animation-duration: .3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .05s;
    -o-animation-name: scale;
    -o-animation-duration: .3s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .05s
}

.dd-item .lier-score .tooltip-analysis .top .title {
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.dd-item .lier-score .tooltip-analysis .top.score-title {
    margin-top: 10px;
    margin-bottom: 0px !important
}

.dd-item .lier-score .tooltip-analysis .top.team-top {
    line-height: 37px;
    padding: 0;
    background-color: rgba(31,31,31,0.9)
}

.dd-item .lier-score .tooltip-analysis .top.team-top .name {
    max-width: 106px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dd-item .lier-score .tooltip-analysis .row {
    display: inline-block;
    vertical-align: top;
    width: 360px;
    margin: 0 10px;
    position: relative;
    word-break: break-all
}

.dd-item .lier-score .tooltip-analysis .row:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    border-bottom: 1px solid #454545
}

.dd-item .lier-score .tooltip-analysis .row .left,.dd-item .lier-score .tooltip-analysis .row .center,.dd-item .lier-score .tooltip-analysis .row .right {
    float: left;
    line-height: 30px;
    min-height: 1px
}

.dd-item .lier-score .tooltip-analysis .row .cte {
    line-height: 30px
}

.dd-item .lier-score .tooltip-analysis .row .left,.dd-item .lier-score .tooltip-analysis .row .right {
    position: relative;
    width: 155px
}

.dd-item .lier-score .tooltip-analysis .row .left .text-left,.dd-item .lier-score .tooltip-analysis .row .left .text-right,.dd-item .lier-score .tooltip-analysis .row .right .text-left,.dd-item .lier-score .tooltip-analysis .row .right .text-right {
    width: 80px;
    line-height: 15px;
    padding: 6px 0 8px
}

.dd-item .lier-score .tooltip-analysis .row .left .num,.dd-item .lier-score .tooltip-analysis .row .right .num {
    float: left
}

.dd-item .lier-score .tooltip-analysis .row .left .icon,.dd-item .lier-score .tooltip-analysis .row .right .icon {
    animation-name: translate;
    animation-duration: .2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .08s;
    -webkit-animation-name: translate;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .08s;
    -moz-animation-name: translate;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .08s;
    -o-animation-name: translate;
    -o-animation-duration: .2s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .08s;
    transform: translate(20px, 0px);
    -webkit-transform: translate(20px, 0px);
    -moz-transform: translate(20px, 0px);
    -o-transform: translate(20px, 0px);
    width: 24px;
    opacity: 0;
    position: relative;
    margin-bottom: 5px;
    top: -2px
}

.dd-item .lier-score .tooltip-analysis .row .left .bar,.dd-item .lier-score .tooltip-analysis .row .right .bar {
    margin-top: 13px;
    width: 119px;
    height: 6px;
    background-color: #000;
    float: right;
    border-radius: 3px 0 0 3px;
    overflow: hidden
}

.dd-item .lier-score .tooltip-analysis .row .left .bar .bar-tol,.dd-item .lier-score .tooltip-analysis .row .right .bar .bar-tol {
    transition: all 0.5s cubic-bezier(0.07, 0.99, 0.54, 1.23);
    -webkit-transition: all 0.5s cubic-bezier(0.07, 0.99, 0.54, 1.23);
    -moz-transition: all 0.5s cubic-bezier(0.07, 0.99, 0.54, 1.23);
    -o-transition: all 0.5s cubic-bezier(0.07, 0.99, 0.54, 1.23);
    opacity: 0;
    border-radius: 3px 0 0 3px;
    height: 100%;
    width: 0%;
    float: right;
    background-color: #d26d01
}

.dd-item .lier-score .tooltip-analysis .row .left.left .text-left,.dd-item .lier-score .tooltip-analysis .row .right.left .text-left {
    float: left;
    text-align: left
}

.dd-item .lier-score .tooltip-analysis .row .left.left .icon,.dd-item .lier-score .tooltip-analysis .row .right.left .icon {
    left: 8px
}

.dd-item .lier-score .tooltip-analysis .row .left.right .text-right,.dd-item .lier-score .tooltip-analysis .row .right.right .text-right {
    float: right;
    text-align: right
}

.dd-item .lier-score .tooltip-analysis .row .left.right .num,.dd-item .lier-score .tooltip-analysis .row .right.right .num {
    float: right
}

.dd-item .lier-score .tooltip-analysis .row .left.right .icon,.dd-item .lier-score .tooltip-analysis .row .right.right .icon {
    transform: translate(-20px, 0px);
    -webkit-transform: translate(-20px, 0px);
    -moz-transform: translate(-20px, 0px);
    -o-transform: translate(-20px, 0px);
    left: -8px
}

.dd-item .lier-score .tooltip-analysis .row .left.right .bar,.dd-item .lier-score .tooltip-analysis .row .right.right .bar {
    border-radius: 0 3px 3px 0;
    float: left
}

.dd-item .lier-score .tooltip-analysis .row .left.right .bar .bar-tol,.dd-item .lier-score .tooltip-analysis .row .right.right .bar .bar-tol {
    border-radius: 0 3px 3px 0;
    float: left
}

.dd-item .lier-score .tooltip-analysis .row .left .svg-icon,.dd-item .lier-score .tooltip-analysis .row .right .svg-icon {
    width: 24px;
    height: 24px;
    margin-top: 7px
}

.dd-item .lier-score .tooltip-analysis .row .center {
    width: 50px
}

.dd-item .lier-score .tooltip-analysis .row:last-child {
    margin-bottom: 10px
}

.dd-item .lier-score .tooltip-analysis .row:last-child:after {
    display: none
}

.dd-item .lier-score .tooltip-analysis .row .mark {
    width: 24px;
    height: 24px;
    margin-top: 10px
}

.dd-item .lier-score .tooltip-analysis .row .mark .svg-icon {
    width: 24px;
    height: 24px;
    margin-top: 0
}

.dd-item .lier-score .tooltip-analysis .row .pro_n {
    width: 131px
}

.dd-item .lier-score .tooltip-analysis .row .pro_n .turn {
    line-height: 18px;
    font-size: 12px;
    height: 22px;
    overflow: hidden;
    width: 100%
}

.dd-item .lier-score .tooltip-analysis .row .pro_n .turn .icon-down {
    color: #85c900
}

.dd-item .lier-score .tooltip-analysis .row .pro_n .turn .icon-top {
    color: #df1e31
}

.dd-item .lier-score .tooltip-analysis .row .right {
    text-align: left
}

.dd-item .lier-score .tooltip-analysis .row .right .turn {
    text-align: left
}

.dd-item .lier-score .tooltip-analysis .row .left {
    text-align: right
}

.dd-item .lier-score .tooltip-analysis .row .left .turn {
    text-align: right
}

.dd-item .lier-score .tooltip-analysis.now .top.score-title {
    line-height: 37px;
    height: 37px;
    padding: 0;
    margin-top: 0px
}

.dd-item .lier-score .tooltip-analysis.now .top.score-title .icon {
    display: none
}

.dd-item .lier-half {
    width: 50px;
    height: 43px
}

.dd-item .lier-half .bcbf {
    width: 50px;
    height: 16px;
    float: left;
    margin-top: 2px
}

.dd-item .lier-corner {
    width: 60px;
    height: 43px
}

.dd-item .lier-corner .iconfont {
    position: initial
}

.dd-item .lier-corner .qcjq {
    width: 26px;
    height: 16px;
    margin-top: 2px
}

.dd-item .lier-live {
    width: 45px;
    height: 43px;
    padding-right: 10px
}

.dd-item .lier-live .icon-liveanimation {
    width: 27px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    cursor: pointer
}

.dd-item .lier-live .icon-liveanimation:hover {
    box-shadow: 0 0 7px rgba(0,0,0,0.25) inset
}

.dd-item .lier-live .icon-liveanimation.null {
    background-color: transparent;
    color: #777;
    font-size: 20px;
    box-shadow: none !important
}

.dd-item .lier-live .icon-liveanimation {
    color: #fff;
    background-color: #f5677d;
    font-size: 19px
}

.dd-item .lier-live .icon-live-animation {
    width: 27px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    color: #fff;
    background-color: #178058;
    font-size: 19px
}

.dd-item .lier-weather {
    width: 45px;
    height: 43px
}

.dd-item .lier-popularity {
    width: 60px;
    height: 43px;
    white-space: nowrap;
    text-align: left
}

.dd-item .lier-popularity .iconfont {
    font-size: 12px;
    color: #bbb;
    margin: 2px 2px 0 5px;
    float: left;
    position: initial
}

.dd-item .lier-ratel {
    width: 55px;
    height: 43px;
    white-space: nowrap;
    border-left: 1px solid transparent
}

.dd-item .lier-sb {
    width: 190px;
    line-height: 16px;
    position: relative;
    height: 43px
}

.dd-item .lier-sb .canvas {
    width: 40px;
    height: 16px;
    line-height: 16px;
    display: inline-block
}

.dd-item .lier-sb .iconfont {
    line-height: 16px;
    font-size: 12px
}

.dd-item .lier-sb .daxiao_odds {
    height: 16px
}

.dd-item .lier-sb .asian_odds {
    height: 16px
}

.dd-item .lier-sb .zhishi {
    width: 15px;
    height: 16px
}

.dd-item .lier-sb .zhishi .green {
    font-size: 14px;
    color: #85c900;
    font-weight: bold;
    animation: shine 1.5s infinite;
    -webkit-animation: shine 1.5s infinite -1
}

.dd-item .lier-sb .zhishi .red {
    font-size: 14px;
    color: #df1e31;
    font-weight: bold;
    animation: shine 1.5s infinite;
    -webkit-animation: shine 1.5s infinite -1
}

.dd-item .lier-sb .sb-tool-tip {
    position: absolute;
    background-color: #fff;
    width: 726px;
    padding-bottom: 10px;
    border-radius: 5px;
    z-index: 10;
    box-shadow: 0 0 13px rgba(0,0,0,0.26);
    left: 50%;
    bottom: 100%;
    margin-left: -368px;
    border: 1px solid #ccc;
    margin-bottom: 11px
}

.dd-item .lier-sb .sb-tool-tip:after,.dd-item .lier-sb .sb-tool-tip:before {
    content: '';
    position: absolute;
    border: 8px solid transparent;
    border-top-color: rgba(0,0,0,0.3);
    bottom: -16px;
    left: 50%;
    margin-left: -8px
}

.dd-item .lier-sb .sb-tool-tip:after {
    border-top-color: #fff
}

.dd-item .lier-sb .sb-tool-tip .top {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f4f4f4;
    line-height: 32px;
    border-radius: 3px 3px 0 0
}

.dd-item .lier-sb .sb-tool-tip .top:after,.dd-item .lier-sb .sb-tool-tip .top:before {
    content: '';
    display: table
}

.dd-item .lier-sb .sb-tool-tip .top .left,.dd-item .lier-sb .sb-tool-tip .top .right,.dd-item .lier-sb .sb-tool-tip .top .center {
    float: left;
    width: 348px;
    font-size: 14px;
    color: #df1e31
}

.dd-item .lier-sb .sb-tool-tip .top .left.left,.dd-item .lier-sb .sb-tool-tip .top .right.left,.dd-item .lier-sb .sb-tool-tip .top .center.left {
    text-align: right
}

.dd-item .lier-sb .sb-tool-tip .top .left.right,.dd-item .lier-sb .sb-tool-tip .top .right.right,.dd-item .lier-sb .sb-tool-tip .top .center.right {
    text-align: left
}

.dd-item .lier-sb .sb-tool-tip .top .left.center,.dd-item .lier-sb .sb-tool-tip .top .right.center,.dd-item .lier-sb .sb-tool-tip .top .center.center {
    text-align: center;
    width: 30px
}

.dd-item .lier-sb .sb-tool-tip .row {
    text-align: center;
    color: #666
}

.dd-item .lier-sb .sb-tool-tip .row .num-col {
    float: left;
    width: 33.3%;
    min-height: 1px
}

.dd-item .lier-sb .sb-tool-tip .row .num-col .exponent.null .icon {
    background: none
}

.dd-item .lier-sb .sb-tool-tip .row .num-col .exponent .green {
    color: #85c900
}

.dd-item .lier-sb .sb-tool-tip .row .num-col .exponent .red {
    color: #df1e31
}

.dd-item .lier-sb .sb-tool-tip .row .num-col .exponent .icon {
    position: absolute;
    background-repeat: no-repeat;
    right: -9px;
    width: 9px;
    font-size: 14px;
    font-weight: bold;
    height: 8px;
    top: 50%;
    margin-top: -7px
}

.dd-item .lier-sb .sb-tool-tip .row .num-col .exponent .icon.icon-down {
    color: #85c900;
    animation: shine 1s infinite;
    -webkit-animation: shine 1s infinite -1
}

.dd-item .lier-sb .sb-tool-tip .row .num-col .exponent .icon.icon-top {
    color: #df1e31;
    animation: shine 1s infinite;
    -webkit-animation: shine 1s infinite -1
}

.dd-item .lier-sb .sb-tool-tip .row .w-100-h-22 {
    position: relative;
    top: 7px;
    width: 100px;
    height: 22px
}

.dd-item .lier-sb .sb-tool-tip .row .w-62-h-16 {
    width: 62px;
    height: 16px;
    position: relative;
    top: 3px
}

.dd-item .lier-sb .sb-tool-tip .row .w-32-h-16 {
    width: 32px;
    height: 16px;
    position: relative;
    top: 3px
}

.dd-item .lier-bet-odds {
    width: 80px;
    height: 43px
}

.dd-item .lier-rater {
    width: 55px;
    height: 43px
}

.dd-item .lier-size {
    width: 55px;
    height: 43px
}

.dd-item .lier-data {
    width: 104px;
    height: 43px
}

.dd-item .lier-func {
    font-size: 0;
    height: 43px;
    white-space: nowrap
}

.dd-item .lier-func .follow {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    cursor: pointer;
    display: inline-block;
    vertical-align: top
}

.dd-item .lier-func .follow:hover {
    color: #f5677d
}

.dd-item .lier-func .follow.active {
    color: #f5677d
}

.dd-item .lier-func .follow.active:before {
    content: "\e600"
}

.mod>div:nth-child(2n) .dd-item {
    background-color: #f5f5f5
}

.lier_note {
    box-shadow: 0 0 8px rgba(251,119,131,0.35);
    background-color: #fff;
    pointer-events: none;
    line-height: 20px;
    font-size: 12px;
    position: relative;
    color: #de1e30;
    height: 20px
}

.lier_note:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 1px;
    background-color: #fff
}

.lier_note .note-content {
    display: block;
    text-align: center;
    width: 924px
}

.lier_note .note-content:before {
    content: '';
    position: absolute;
    left: 462px;
    border: 5px solid transparent;
    top: -11px;
    margin-left: -5px;
    border-bottom-color: rgba(251,119,131,0.8)
}

.lier_note .note-content:after {
    content: '';
    position: absolute;
    left: 462px;
    border: 5px solid transparent;
    top: -11px;
    margin-left: -5px;
    border-bottom-color: #fff
}

.icon-datedropmenu {
    color: #de1e30
}

.icon-close,.icon-top1,.icon-down1 {
    float: left;
    width: 25px;
    font-size: 18px;
    line-height: 27px;
    height: 25px;
    cursor: pointer;
    border-radius: 3px;
    margin: 7px 3px 0 10px;
    line-height: 25px
}

.icon-close:hover,.icon-top1:hover,.icon-down1:hover {
    background-color: #eaeaea
}

.icon-close:active,.icon-top1:active,.icon-down1:active {
    border-radius: 50%
}

.icon-down1 {
    float: left;
    width: 25px;
    font-size: 18px;
    line-height: 27px;
    height: 25px;
    cursor: pointer;
    border-radius: 3px;
    margin: 7px 3px 0 0
}

.quer-team-animate {
    animation-name: quer-team-animate;
    animation-duration: .5s;
    animation-timing-function: linear;
    animation-iteration-count: 3;
    animation-fill-mode: forwards;
    animation-delay: .1s;
    -webkit-animation-name: quer-team-animate;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 3;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .1s;
    -moz-animation-name: quer-team-animate;
    -moz-animation-duration: .5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 3;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .1s;
    -o-animation-name: quer-team-animate;
    -o-animation-duration: .5s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 3;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .1s
}

.count {
    color: #777
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.mod .lier {
    min-height: 44px
}

.mod .hasnote {
    min-height: 64px
}

.mod .animat {
    animation: fadeIn 0.5s;
    animation-iteration-count: 1;
    -webkit-animation: fadeIn 0.5ss;
    -webkit-animation-iteration-count: 1
}

.mod .odd .dd-item {
    background-color: #f5f5f5
}

#list-panel {
    position: relative
}

#list-panel #remo {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100
}

.remo-content #remo {
    width: 1200px
}

.layout .layout-top #screen-menu .tip .ico-left {
    color: #999;
    float: left;
    margin: 1px 5px 0 0
}

.layout .layout-top #screen-menu .tip:hover .ico-left {
    color: #de1e30
}

.layout-grid.jc .layout-grid-thead .lab-lottery,.layout-grid.jc .dd-item .lab-lottery,.layout-grid.bd .layout-grid-thead .lab-lottery,.layout-grid.bd .dd-item .lab-lottery,.layout-grid.zc .layout-grid-thead .lab-lottery,.layout-grid.zc .dd-item .lab-lottery {
    display: table-cell
}

.layout-grid.jc .layout-grid-thead .lier-lottery,.layout-grid.jc .dd-item .lier-lottery,.layout-grid.bd .layout-grid-thead .lier-lottery,.layout-grid.bd .dd-item .lier-lottery,.layout-grid.zc .layout-grid-thead .lier-lottery,.layout-grid.zc .dd-item .lier-lottery {
    display: table-cell
}

.layout-grid.jc .layout-grid-thead .lab-events,.layout-grid.jc .dd-item .lab-events,.layout-grid.bd .layout-grid-thead .lab-events,.layout-grid.bd .dd-item .lab-events,.layout-grid.zc .layout-grid-thead .lab-events,.layout-grid.zc .dd-item .lab-events {
    width: 90px
}

.layout-grid.jc .layout-grid-thead .lier-event-name,.layout-grid.jc .dd-item .lier-event-name,.layout-grid.bd .layout-grid-thead .lier-event-name,.layout-grid.bd .dd-item .lier-event-name,.layout-grid.zc .layout-grid-thead .lier-event-name,.layout-grid.zc .dd-item .lier-event-name {
    width: 50px
}

.layout-grid.jc .layout-grid-thead .lab-status,.layout-grid.jc .dd-item .lab-status,.layout-grid.bd .layout-grid-thead .lab-status,.layout-grid.bd .dd-item .lab-status,.layout-grid.zc .layout-grid-thead .lab-status,.layout-grid.zc .dd-item .lab-status {
    width: 50px
}

.layout-grid.jc .layout-grid-thead .lier-status,.layout-grid.jc .dd-item .lier-status,.layout-grid.bd .layout-grid-thead .lier-status,.layout-grid.bd .dd-item .lier-status,.layout-grid.zc .layout-grid-thead .lier-status,.layout-grid.zc .dd-item .lier-status {
    width: 50px
}

.layout-grid.jc .text-jc {
    display: block
}

.layout-grid.bd .text-bd {
    display: block
}

.layout-grid.zc .text-zc {
    display: block
}

.loading-animation {
    position: static;
    margin: 110px auto 500px;
    overflow: hidden
}

.chart-explain {
    background-color: #fff;
    width: 130px;
    text-align: center;
    font-size: 16px;
    color: #787878;
    float: left
}

.friend-link {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    color: #666
}

.friend-link svg {
    width: 22px;
    height: 22px;
    margin-right: 16px;
    vertical-align: middle
}

.friend-link:before {
    content: '';
    display: table
}

.friend-link:after {
    content: '';
    display: table
}
